在RadGrid中添加新记录按钮

Tsc*_*eck 2 telerik radgrid telerik-grid

我按照这个演示如何使用我的自定义New Item控件创建网格.我有一个非常简单的问题 - 我在哪里定义新的记录按钮,就像这个在演示中?

在此输入图像描述

SWa*_*ica 7

如果RadGrid的属性AllowAutomaticInserts设置为True,并且网格使用声明性数据源,您将获得默认的"添加新"按钮和行为.这就是你链接的演示中发生的事情.您可以通过多种方式控制其外观.

与网格关联的"命令项"(添加,删除,编辑等)由网格的CommandItemTemplate元素控制.默认情况下,此元素的外观将基于您应用于Telerik控件的外观.它也可以用各种风格元素控制.)

可以自定义CommandItemTemplate以显示自定义按钮,非标准文本等.这是Telerik关于它的文档的一个例子.请注意,CommandName属性确定按钮执行的功能.

<CommandItemTemplate>
Custom command item template
<asp:LinkButton Style="vertical-align: bottom" ID="btnEditSelected" runat="server"
    CommandName="EditSelected" Visible='<%# RadGrid1.EditIndexes.Count == 0 %>'><img style="border:0px" alt="" src="../../DataEditing/Img/Edit.gif" /> Edit Selected Customers</asp:LinkButton>
<asp:LinkButton ID="btnUpdateEdited" runat="server" CommandName="UpdateEdited" Visible='<%# RadGrid1.EditIndexes.Count > 0 %>'><img style="border:0px" alt="" src="../../DataEditing/Img/Update.gif" /> Update Customers</asp:LinkButton>
<asp:LinkButton ID="btnCancel" runat="server" CommandName="CancelAll" Visible='<%# RadGrid1.EditIndexes.Count > 0 || RadGrid1.MasterTableView.IsItemInserted %>'><img style="border:0px" alt="" src="../../DataEditing/Img/Cancel.gif" /> Cancel editing</asp:LinkButton>
<asp:LinkButton ID="LinkButton3" runat="server" CommandName="InitInsert" Visible='<%# !RadGrid1.MasterTableView.IsItemInserted %>'><img style="border:0px" alt="" src="../../DataEditing/Img/AddRecord.gif" /> Add new Customer</asp:LinkButton>
<asp:LinkButton ID="LinkButton4" runat="server" CommandName="PerformInsert" Visible='<%# RadGrid1.MasterTableView.IsItemInserted %>'><img style="border:0px" alt="" src="../../DataEditing/Img/Insert.gif" /> Add this Customer</asp:LinkButton>
<asp:LinkButton ID="LinkButton5" OnClientClick="javascript:return confirm('Delete all selected customers?')"
    runat="server" CommandName="DeleteSelected"><img style="border:0px" alt="" src="../../DataEditing/Img/Delete.gif" /> Delete Selected Customers</asp:LinkButton>
<asp:LinkButton ID="LinkButton6" runat="server" CommandName="Re bindGrid"><img style="border:0px" alt="" src="../../DataEditing/Img/Refresh.gif" /> Refresh customer list</asp:LinkButton>
<br />
</CommandItemTemplate>
Run Code Online (Sandbox Code Playgroud)

此外,网格的MasterTableView包含一个属性,CommandItemDisplay,其可被用来控制按钮位置-值是无,顶,TopAndBottom,或底部:

<MasterTableView   CommandItemDisplay="Top"  ....>    
Run Code Online (Sandbox Code Playgroud)

  • `CommandItemSettings`标签还可以修改命令项的显示和行为方式. (2认同)