Javascript jqGrid-未显示寻呼机。如何启用它？

我不知道为什么，但我使用的jqGrid和寻呼机显示不正确。我可以显示

视图记录

，但寻呼机不能。桌子的其余部分工作正常

谁能告诉我问题出在哪里吗

我的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代码是

<table id='report_table'></table> <div id='preport_table' ></div>

---

谢谢。

您的主要问题是

滚动：true

选项。在选项中，您将发现以下内容：

启用后，寻呼机元素将被禁用，我们可以使用 用于加载数据的垂直滚动条

此外，您的代码存在一些语法错误，您应该修复这些错误：

• colModel

  的第二列不包含“}”（请参见“]”之前的内容）
• 布尔值应编码为

  true

  和

  false

  ，而不是字符串

  'true'

  和

  'false'

  （请参阅

  滚动：“true”

  ，

  加载一次：“false”

  ，

  收缩到它：“true”

  ，

  查看记录：“true”

  ，

  隐藏ID:“true”

  ）

---

对于有我问题的其他人，

gridview:true

可能会导致寻呼机不显示。我删除了gridview属性，出现了寻呼机栏。

我准备了一些可运行的jqGrids，向您展示如何正确启用寻呼机（基于我在不同答案中提供的）

scroll和gridview属性似乎没有任何区别，我已经将它们添加到下面的示例4中，并且仍然有效（这是与grid 3相比的唯一区别）

Grid1显示可滚动的数据，而第二个显示的是寻呼机。 不同之处在于：

pager: '#pagerGrid2', rowNum: 4, viewrecords: true,

其中

viewrecords

是可选的，用于显示有多少条记录可用。省略它以隐藏记录编号显示

该参数指定每页要查看的行数（此处为4）。 请注意，因为此处的高度（45）太小，所以它仍然会同时显示垂直滚动条和寻呼机（1/2）。Grid2中就是这种情况

要删除滚动条，请增大“高度”参数的大小。这显示在下面示例中的网格3中

//请参见：https://free-jqgrid.github.io/getting-started/
//使用的CDN：https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid
$（函数（）{
变量gridSampleData=[
{id:10，名字：“Jane”，姓氏：“Doe1”}，
{id:20，姓：“贾斯汀”，姓：“Time1”}，
{id:30，姓：“简”，姓：“Doe2”}，
{id:40，姓：“贾斯汀”，姓：“Time2”}，
{id:11，姓：“简”，姓：“Doe3”}，
{id:21，姓：“贾斯汀”，姓：“Time3”}，
{id:31，姓：“简”，姓：“多伊4”}，
{id:41，姓：“贾斯汀”，姓：“Time4”}
];
$（“#Grid1”）.jqGrid({
高度：45，宽度：250，
colNames:['First name'，'Last name']，
colModel:[{name:“firstName”}，{name:“lastName”}]，
数据：gridSampleData
});
$（“#Grid2”）.jqGrid({
寻呼机：'#pagerGrid2'，行数：4，滚动：false，视图记录：true，
高度：45，宽度：400，
colNames:['First name'，'Last name']，
colModel:[{name:“firstName”}，{name:“lastName”}]，
数据：gridSampleData
});
$（“#Grid3”）.jqGrid({
寻呼机：'#pagerGrid3'，行数：4，滚动：false，视图记录：true，
高度：90，宽度：400，
colNames:['First name'，'Last name']，
colModel:[{name:“firstName”}，{name:“lastName”}]，
数据：gridSampleData
});
$（“#Grid4”）.jqGrid（{滚动：'true'，gridview:true，
寻呼机：'#pagerGrid4'，行数：4，滚动：false，视图记录：true，
高度：90，宽度：400，
colNames:['First name'，'Last name']，
colModel:[{name:“firstName”}，{name:“lastName”}]，
数据：gridSampleData
});
});

规范jqGrid示例




谢谢你，奥列格。它起作用了。“true”的问题是因为colModel没有问题，但是我在这里删除了一些列以使代码清晰，但删除错误。