在Telerik RadGrid编辑器列中添加按钮

时间:2012-03-19 16:48:59

标签: asp.net telerik imagebutton radgrid

我有这个Telerik radgrid

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

当我按下编辑按钮时,您可以通过文本框编辑加密密钥和密码(工作正常)。

我想做的是:

- 当我按下编辑按钮时,我想在加密密钥文本框旁边添加一个图像按钮,这样我就可以通过点击它来生成密钥,如下所示:

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

有没有办法在Telerik RadGrid的编辑器单元格中添加按钮?

我到处寻找,即使在Telerik网站/论坛上,我也没有找到任何办法。

谢谢!

2 个答案:

答案 0 :(得分: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>

在后端创建一个onclick事件函数,如下所示:

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

答案 1 :(得分:0)

最后,我使用了类似于Dhaval的解决方案。使用服务器端控件对我来说不是最佳选择,因此我使用jquery生成客户端密钥。     

<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>

这样做只会为按钮创建一列。使用CSS,我可以使它看起来像一个列。

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

我没有显示列线,因此它看起来像一个大型列而不是两个小列。

感谢所有人的回答!