将新行添加到jqgrid

时间:2012-11-16 07:05:05

标签: jquery asp.net jqgrid

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

    });
});

1 个答案:

答案 0 :(得分:0)

您应该将jqGrid 的定义移出 click句柄。网格可以创建一次。如果用户需要向网格添加行,则可以使用addRowData。或者,您可以使用addRow在网格中添加行。您还可以使用inlineNav在网格的导航栏中集成“添加”按钮。如果您使用toppager: true选项,则会将寻呼机置于顶部而不是网格底部。有关详细信息,请参阅the answerthis one