jqGrid – 寻呼机未显示。 如何启用它？
我不知道为什么，但我使用jqGrid和寻呼机没有正确显示。 我可以显示viewrecords ，但寻呼机没有。 表的其余部分工作正常。
谁能让我知道问题出在哪里？
我的JQGrid是：
jQuery('#report_table').jqGrid({ scroll: 'true', url:'getReportTableData.json', datatype: 'json', height: 400, width: 800, colNames:['Futures','Units'], colModel:[ {name:'Futures',index:'Futures', width: 150, sortable: false}, {name:'Units',index:'Units', width: 150, sortable: false], rowNum:100, loadonce:'false', shrinkToFit: 'true', mtype: 'POST', pager: '#preport_table', postData: { idReport : '75' }, viewrecords: 'true', loadComplete : function (data) { if (data.error == 1){ $('#dialog-modal').dialog({ height: 140, width: 300, modal: true, title: ' Error ', buttons: { cerrar : function() { $(this).dialog('close'); } } }); $('#dialog-modal').html(msgError(data.msg)); } }, caption: '', hidegrid: 'true', });
而html代码是
谢谢。
你的主要问题是scroll: true选项。 在该选项的文档中，您将找到以下内容：
启用后，将禁用寻呼机元素，我们可以使用垂直滚动条来加载数据。
此外，您的代码有一些语法错误，您应该修复：
-
colModel的第二列不包含’}’（参见”’之前）。 - 布尔值应该被编码为
true和false而不是字符串'true'和'false'（参见scroll: 'true'，loadonce:'false'shrinkToFit: 'true'，viewrecords: 'true'，hidegrid: 'true'viewrecords: 'true'，hidegrid: 'true'）
对于有我问题的其他人， gridview: true会导致寻呼机无法显示。 我删除了gridview属性，并出现了寻呼机栏。
我准备了一些可运行的jqGrids来向您展示如何正确启用寻呼机（基于我在不同答案中提供的规范示例 ）。
滚动和gridview属性似乎没有任何区别，我已经将它们添加到下面的示例4中并且它仍然有效（这是与网格3相比的唯一区别）。
Grid1显示可滚动的数据，而第二个显示寻呼机。 区别在于属性：
pager: '#pagerGrid2', rowNum: 4, viewrecords: true,
其中viewrecords只是可选的，用于显示可用的记录数。 省略它以隐藏记录号码显示。
rowNum参数指定您希望每页显示的行数（此处为4）。 请注意，因为这里的高度（45）太小，它仍然同时显示垂直滚动条和寻呼机（1个中的2个）。 Grid2就是这种情况。
要删除滚动条，请增加height参数的大小。 这在下面的示例中的Grid3中显示。
// see: https://free-jqgrid.github.io/getting-started/ // CDN used: https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid $(function() { var gridSampleData = [ { id: 10, firstName: "Jane", lastName: "Doe1"}, { id: 20, firstName: "Justin", lastName: "Time1" }, { id: 30, firstName: "Jane", lastName: "Doe2"}, { id: 40, firstName: "Justin", lastName: "Time2" }, { id: 11, firstName: "Jane", lastName: "Doe3"}, { id: 21, firstName: "Justin", lastName: "Time3" }, { id: 31, firstName: "Jane", lastName: "Doe4"}, { id: 41, firstName: "Justin", lastName: "Time4" } ]; $("#Grid1").jqGrid({ height: 45, width: 250, colNames: ['First name', 'Last name'], colModel: [{name: "firstName"}, {name: "lastName"}], data: gridSampleData }); $("#Grid2").jqGrid({ pager: '#pagerGrid2', rowNum: 4, scroll: false, viewrecords: true, height: 45, width: 400, colNames: ['First name', 'Last name'], colModel: [{name: "firstName"}, {name: "lastName"}], data: gridSampleData }); $("#Grid3").jqGrid({ pager: '#pagerGrid3', rowNum: 4, scroll: false, viewrecords: true, height: 90, width: 400, colNames: ['First name', 'Last name'], colModel: [{name: "firstName"}, {name: "lastName"}], data: gridSampleData }); $("#Grid4").jqGrid({ scroll: 'true', gridview: true, pager: '#pagerGrid4', rowNum: 4, scroll: false, viewrecords: true, height: 90, width: 400, colNames: ['First name', 'Last name'], colModel: [{name: "firstName"}, {name: "lastName"}], data: gridSampleData }); });
Canonical jqGrid example