jqGrid：點擊'編輯'按鈕打開一個自定義窗體，編輯刷新那一行後

Question

我需要打開一個自定義窗體，點擊每行jqGird上的'編輯'按鈕。在這裏我知道，我必須在名爲「OnEdit」的事件上打開這個表單。對於自定義表單，我會傳遞所選行的信息，以便我可以編輯我的信息，然後單擊我的表單上的「保存」按鈕。

點擊'保存'按鈕後應該發生以下事情： 1.所有修改後的數據將被插入到數據庫中。
2選定的行應使用修改後的值進行更新。

請告訴我如何做到這一點。也讓我知道你的建議。

注意：我正在使用ASP .Net MVC網站。 謝謝

Answer 1

基本點：

1）您可以打開/關閉GridView和與Panel
2編輯表格）您使用OnRowCommand觸發編輯
3）您有內部的其他按鈕形成觸發保存/取消/關閉

這裏是基本的代碼：

<asp:Panel id="pnlViewList" runat="server"> 
    <asp:GridView ID="gvMyList" OnRowCommand="RowCommand" DataKeyNames="UserId" ..........> 
     <Columns> 
      <asp:ButtonField Text="Edit" CommandName="EditMe" /> 
      ........rest of your fields......... 
     </Columns> 
    </asp:GridView> 
</asp:Panel> 

<asp:Panel id="pnlEdit" runat="server"> 
    <h2>form edit</h2> 
    Name : <asp:textbox id="txtName" runat="server" /> 
    ........rest of your form......... 
</asp:Panel> 

和代碼是後來從網格視圖捕獲編輯。

protected void RowCommand(object sender, GridViewCommandEventArgs e) 
{ 
    if (e.CommandName == "EditMe") 
    { 
     int iTheIndexNow; 
     if (int.TryParse(e.CommandArgument.ToString(), out iTheIndexNow)) 
     { 
       gvMyList.SelectedIndex = iTheIndexNow; 
       // close the gridview, open the form 
       pnlEdit.Visible = true; 
       pnlViewList.Visible = false; 
       // load the form for editing 
       LoadLineForEditing(gvMyList.SelectedValue.ToString()); 
     } 
    } 
}