在RadGrid中添加新记录按钮

时间:2013-05-28 13:14:09

标签: telerik telerik-grid radgrid

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

enter image description here

1 个答案:

答案 0 :(得分:7)

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

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

可以自定义CommandItemTemplate以显示自定义按钮,非标准文本等。以下是Telerik's documentation on it的示例。请注意,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>

此外,网格的MasterTableView包含一个属性CommandItemDisplay,可用于控制按钮位置 - 值为None,Top,TopAndBottom或Bottom:

<MasterTableView   CommandItemDisplay="Top"  ....>