Jqgrid 无法使navgrid显示在网格上_Jqgrid

Jqgrid 无法使navgrid显示在网格上

jqgrid

Jqgrid 无法使navgrid显示在网格上,jqgrid,Jqgrid,因此，我试图使用jqGrid，但似乎无法显示navgrid。我已经搜索和尝试了很多东西，但没有一个奏效。我不知道发生了什么事。任何帮助都将不胜感激。这是我的密码： <html> <title>User List</title> <head> <meta charset=UTF-8" /> <link rel="stylesheet" type

因此，我试图使用jqGrid，但似乎无法显示navgrid。我已经搜索和尝试了很多东西，但没有一个奏效。我不知道发生了什么事。任何帮助都将不胜感激。这是我的密码：

        <html>
        <title>User List</title>
        <head>
        <meta charset=UTF-8" />

            <link rel="stylesheet" type="text/css" media="screen" href="../../jqgrid/js/themes/lightness/jquery-ui.custom.css"></link>  
            <link rel="stylesheet" type="text/css" media="screen" href="../../jqgrid/css/ui.jqgrid.css"></link> 
            <link rel="stylesheet" type="text/css" media="screen" href="../shared/base.css"  />

            <script src="../../jqgrid/js/jquery-2.2.0.min.js" type="text/javascript"></script>
            <script src="../../jqgrid/js/i18n/grid.locale-en.js" type="text/javascript"></script>
            <script src="../../jqgrid/js/jquery.jqGrid.min.js" type="text/javascript"></script>


        </head>

        <body>

            </div>
             <script type="text/javascript">
             $(function () {
                  $('#userGrid').jqGrid({
                      pager:'#userPager',
                      url: 'getUserListData.php',
                      mtype: 'GET',
                      datatype: 'json',
                      colNames:['Rec Id', 'User Id', 'Name', 'eMail', 'Type'],
                      colModel:[
                                {name:'rec_id', hidden: true },
                                {name:'user_id', width: 100, sortable: true, editable: true, search: true },
                                {name:'user_name', sortable: true, editable: true, search: true },
                                {name:'email_address', editable: true },
                                {name:'user_type', width: 60, sortable: true, editable: true, search: true }],

                      viewrecords: true,
                      width: 630,
                      gridview: true,
                      altRows: true,
                      sortname: 'user_name',
                      sortorder: 'asc',
                      rowNum: 10

                 });
             });
              jQuery("#userGrid").jqGrid('navGrid', '#userPager',
                    { add: true, edit: true, del: true });

            </script>

            <table id="userGrid"><tr><td></td></tr></table>
            <div id="userPager"></div>

        </body>
        </html>


用户列表
您的代码从块$（函数（）{…}）中调用navGrid
，这是问题的根源。因此，您尝试在创建网格之前创建导航栏
要解决这个问题，只需将navGrid
的调用移到一行之前（在$（function（）{…}）；
的内部）
您应该考虑使用<代码> jSOReReals:{ID:ReCuid ID }/Cuth>并删除不必要的隐藏列<代码> RecIDID < /代码>。您不需要编写使用哪个版本的jqGrid
我建议您将脚本移动到
中。或者，您可以在
之后移动它，并删除$（函数（）{…}）块