jquery - 寻呼机未显示在 jqGrid 中

Question

我正在使用 jqGrid。这里是 index.html ：

    <table id="grid">
        <tr>
            <td></td>
        </tr>
    </table><br/><br/>
    <div id="#pager5"></div>

这是 .js 文件：

jQuery("#grid").jqGrid({
datatype: "local",
colNames: $scope.columns,
colModel: $scope.colModel,
onSelectRow: function(id){
    if(id && id!==lastsel2){
     jQuery('#grid').jqGrid('restoreRow',lastsel2); 
     jQuery('#grid').jqGrid('editRow',id,true); 
     lastsel2=id; 
    }
},

pager:'#pager5',
caption: "Sample grid"
});

//Here variables are the name of colModel
// $scope.vara = "abcd";
//console.log($scope.selected_folder.projects);
var mydata = [];
for(i=0;i<$scope.selected_folder.projects.length;i++)
{
        mydata.push({project:$scope.selected_folder.projects[i],1:i,2:"abcd"});
}
console.log(mydata);
for(var i=0;i<=mydata.length;i++) {
    jQuery("#grid").jqGrid('addRowData',i+1,mydata[i]);
//  jQuery("#grid").jqGrid('editRow',i+1);
}

jQuery("#grid").jqGrid('navGrid',"#pager5",{edit:false,add:false,del:false});

表格在排序、编辑方面工作正常，但我没有在网格下方获得寻呼机。我应该如何解决这个问题？

Answer 1

html 中寻呼机标签的 id 是“#pager5”。

您应该从 HTML 中的寻呼机 ID 中删除 #。

<table id="grid">
 <tr>
        <td></td>
</tr>
</table><br/><br/>
<div id="pager5"></div>