向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。