将新行添加到 jqgrid答案

【问题标题】：Add new row to a jqgrid将新行添加到 jqgrid
【发布时间】：2012-11-16 07:05:05
【问题描述】：

我有一个文本框和添加按钮。一旦用户在文本框中输入一些值并单击添加按钮，文本框值应该存储在 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;

    });
});

【问题讨论】：

这里的jqgrid是指jquery UI网格还是其他一些网格？
它只是一个普通的 jqgrid

标签： jquery asp.net jqgrid

【解决方案1】：

您应该将jqGrid 的定义移出 click 句柄。网格可以创建一次。如果用户需要在网格中添加一行，您可以使用addRowData。或者，您可以使用 addRow 在网格中添加 empty 行。您也可以使用inlineNav 在网格的导航栏中集成“添加”按钮。如果您使用toppager: true 选项，您会将寻呼机放在顶部而不是网格底部。详情请参阅the answer 和this one。

【讨论】：