Adding a button in a Telerik RadGrid editor column

Question

I have this Telerik radgrid

| Encryption Key | Password to encode | Edit column |
-----------------------------------------------------
|    A_Key       | A_password         | Edit button |

When I press the edit button, you can edit the encryption key and the password via textboxes (which works fine).

What I want to do is:

-When I press the edit button, I want to add an imagebutton next to the encryption key textbox that will allow me to generate a key by clicking it, like so:

| Encryption Key        | Password to encode | Edit column |
------------------------------------------------------------
|[A_Key     ][Generate] | [A_password      ] | [Save]      |

Is there a way to add a button inside an editor cell of a Telerik RadGrid?

I have looked everywhere, I haven't found any way to do this, even on the Telerik website/forums.

Thanks!

Is this asp.net mvc? If so, this might be helpful: stackoverflow.com/questions/9216168/…. — Daniel
– Daniel, Commented Mar 19, 2012 at 18:27
No, I'm not using MVC. I'd prefer having the edit fields in the radgrid itself, not in a popup div. The editorTemplate will be my last resort tho, thanks. — Msonic
– Msonic, Commented Mar 19, 2012 at 18:41

Dhaval Shukla · Accepted Answer · 2012-03-20 04:58:25Z

3

 <telerik:GridTemplateColumn DataField="Status" HeaderText="Status" UniqueName="Status">
                <ItemTemplate>
                    <%# Eval("Status") %>
                </ItemTemplate>
                <EditItemTemplate>
                <asp:TextBox runat="server" ID="txtBx" />
                <asp:Button id="btn" OnClick="btn_Click" runat="server" />
                </EditItemTemplate>
                </telerik:GridTemplateColumn>

And create a onclick event function on back end like this:

protected void btn_Click(object sender, EventArgs e)
        {
            // Your Code Goes here
        }

answered Mar 20, 2012 at 4:58

Dhaval Shukla

1,1272 gold badges10 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Msonic Over a year ago

Thanks a lot! That's not exactly what I'm looking for, but I figured it out thanks to you.

Msonic · Accepted Answer · 2012-03-20 16:02:39Z

Finally, I have used a solution similar to Dhaval's. Using server side controls wasn't optimal for me, so I used jquery to generate keys client side.

<telerik:GridTemplateColumn UniqueName="Generate" DataField="" HeaderText=""  AllowFiltering="false">
    <ItemTemplate>
    </ItemTemplate>
    <EditItemTemplate>
        <img id="Generate" src="Images/generate.gif" onclick="javascript: GenerateEncryptionKey();" alt="Generate key" title="Generate key"/>
    </EditItemTemplate>
</telerik:GridTemplateColumn>

What this will do is it will create a column for the button only. Using CSS, I can make it look like a single column.

| Encryption Key |            | Password to encode | Edit column |
------------------------------------------------------------
|[A_Key         ]| [Generate] | [A_password      ] | [Save]      |

I'm not displaying column lines, so it looks like 1 large column rather than 2 small columns.

Thanks to all for your answers!

Collectives™ on Stack Overflow

Adding a button in a Telerik RadGrid editor column

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related