我想有很多人都会在这个地方被难住,当然或许有人还没有用的过。下面我来给大家讲一下这个方面的功能
首先,最简单的就是什么也不写,使用Telerik中自带的功能,但是我想大家多感觉看起来不舒服。
就像下面这个图的样子
但是我们也可以自定义自己喜欢的格式
我们可以在
<CommandItemTemplate>
</CommandItemTemplate>
中编写一些按钮
当触及到添加或编辑事件的时候我们可以在EditFormSettings中编写编辑模板
<EditFormSettingsInsertCaption="添加新数据"CaptionFormatString="修改 启动项 ID :{0}"CaptionDataField="ID"EditFormType="Template"PopUpSettings-Modal="true">
<EditColumnUniqueName="EditCommandColumn1EditText="修改">
</EditColumn>
<FormTemplate>
我们可以在这里面设计我们想要的样式
</FormTemplate>
</EditFormSettings>
接下来的问题来了,我们怎么去触发这个编辑模板呢?
有一个很简单的方法就是在Columns中添加一个
<Columns>
<telerik:GridEditCommandColumn>
</telerik:GridEditCommandColumn>
</Columns>
当然我们还可以写一个自己定义的窗体去用一个超链接触发我们自己写的窗体。这个方法就不说了。
但是怎么在我们自己设计好的RadGrid的标题框中去触发那个编辑模板呢,我们就需要在需要触发的那个按钮中添加如下代码:
<asp:LinkButtonID="btnInsert"runat="server"Visible='<%# !RadGrid1.MasterTableView.IsItemInserted %>'
CommandName="InitInsert"CausesValidation="false">
添加</asp:LinkButton>
这个样子你就可以试着去运行你的网站了,看看是不是成功的弹出了那个编辑模块呢。
下面我这里还有一些其他的事件触发或许你可能会需要(这些代码是从Telerik的官网中摘抄的如有疑问可以去官网查看更加详细的介绍官网网址【http://demos.telerik.com/aspnet-ajax/grid/examples/programming/commanditem/defaultcs.aspx】):
<CommandItemTemplate>
<div style="padding: 5px 5px;">
<asp:LinkButton ID="btnEditSelected"runat="server" CommandName="EditSelected" Visible='<%#WickedList.EditIndexes.Count == 0 %>'><imgstyle="border:0px;vertical-align:middle;" alt=""src="Images/Edit.gif"/>
Edit selected</asp:LinkButton>
<asp:LinkButton ID="btnUpdateEdited"runat="server" CommandName="UpdateEdited" Visible='<%#WickedList.EditIndexes.Count > 0 %>'><imgstyle="border:0px;vertical-align:middle;" alt=""src="Images/Update.gif"/>
Update</asp:LinkButton>
<asp:LinkButton ID="btnCancel" runat="server"CommandName="CancelAll" Visible='<%# WickedList.EditIndexes.Count> 0 || WickedList.MasterTableView.IsItemInserted %>'>
<img style="border:0px;vertical-align:middle;"alt="" src="Images/Cancel.gif"/>
Cancel editing</asp:LinkButton>
<asp:LinkButton ID="LinkButton2" runat="server"CommandName="InitInsert" Visible='<%#!WickedList.MasterTableView.IsItemInserted %>'><imgstyle="border:0px;vertical-align:middle;" alt=""src="Images/AddRecord.gif"/>
Add new</asp:LinkButton>
<asp:LinkButton ID="LinkButton3" runat="server"CommandName="PerformInsert" Visible='<%#WickedList.MasterTableView.IsItemInserted %>'><imgstyle="border:0px;vertical-align:middle;" alt=""src="Images/Insert.gif"/>
Add this Customer</asp:LinkButton>
<asp:LinkButton ID="LinkButton1" OnClientClick="returnconfirm('Delete all selected customers?')" runat="server"CommandName="DeleteSelected">
<img style="border:0px;vertical-align:middle;"alt="" src="Images/Delete.gif"/>
Delete selected customers</asp:LinkButton>
<asp:LinkButtonID="LinkButton4" runat="server"CommandName="RebindGrid"><imgstyle="border:0px;vertical-align:middle;" alt=""src="Images/Refresh.gif"/>
Refresh customer list</asp:LinkButton>
</div>
</CommandItemTemplate>
就说这么多吧,望读者编程愉快!
本文转自HDDevTeam 51CTO博客,原文链接:http://blog.51cto.com/hddev/1253730,如需转载请自行联系原作者