向jqgrid添加新行

Question

我有一個文本框並添加按鈕。一旦用戶在文本框中輸入了一些值並點擊添加按鈕，文本框的值應該存儲在jqgrid中。但文本框的值沒有被繪製在jqgrid中如何實現這個..？

這是ASPX代碼：

<div> 
    <table> 
     <tr> 
      <td> 
       <span class="SubHeading">Users </span></td> 
       <td> 
       <asp:TextBox ID="txt_users" runat="server" /> 
       </td> 
       <td> 
       <asp:Button ID="btn_addusers" Text="Add" style="margin-left: 10px;"runat="server" /> 

       </td>     

       </tr> 
    </table> 
    <div> 

這是js代碼：

$(document).ready(function() { 
    $("#btn_addusers").click(function() { 
     $("#users_grid").trigger("reloadGrid"); 

     var mydata = $('#txt_users').val(); 
     $("#users_grid").jqGrid({ 
      datatype: "local", 
      data: mydata, 
      gridview: true, 
      height: 'auto', 
      width: 'auto', 
      colNames: ['User ID'], 
      colModel: [ 
     { name: 'userid', width: 180 } 


    ], 

      caption: "Users in Private space" 
     }); 
     return false; 

    }); 
}); 

Answer 1

你應該移動的jqGrid定義出的click手柄。電網可以創建一次。如果用戶需要向網格添加一行，則可以使用addRowData。或者，您可以使用addRow，其中在網格中添加空的行。您也可以使用inlineNav將「添加」按鈕集成到網格的導航欄中。如果您使用toppager: true選項，則您將使尋呼機位於頂部而不是網格底部。有關詳細信息，請參閱the answer和this one。