我想有不少人都會在這個地方被難住,固然或許有人尚未用的過。下面我來給你們講一下這個方面的功能ajax
首先,最簡單的就是什麼也不寫,使用Telerik中自帶的功能,可是我想你們多感受看起來不舒服。編程
就像下面這個圖的樣子ide
可是咱們也能夠自定義本身喜歡的格式網站
咱們能夠在this
<CommandItemTemplate>spa
</CommandItemTemplate>設計
中編寫一些按鈕orm
當觸及到添加或編輯事件的時候咱們能夠在EditFormSettings中編寫編輯模板server
<EditFormSettingsInsertCaption="添加新數據"CaptionFormatString="修改 啓動項 ID :{0}"CaptionDataField="ID"EditFormType="Template"PopUpSettings-Modal="true">blog
<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>
就說這麼多吧,望讀者編程愉快!