jqGrid - 如何删除寻呼机上的页面选择但保留按钮？

Posted 2021-04-19

我想删除网格上的分页按钮，但我想保留左下角的添加，编辑，刷新等按钮。我不想在那里使用寻呼机，因为我将在这个特定的网格实现中显示所有记录。

我想保留绿色中的内容，但删除RED中的内容：

目前，我的解决方案是清空网格导航的中心

$('#pager_center').empty();

但这意味着寻呼机呈现到页面，然后被清空，我想知道我是否可以阻止它甚至首先被渲染。

答案

您可以使用以下JqGrid选项从JqGrid禁用RED区域。这应该是解决这个问题的最佳方法，因为如果JqGrid更改模式以生成寻呼机或更改寻呼机ID，则不需要通过CSS样式表来破解JqGrid渲染，这是由问题引起的。

$('#grid').jqGrid
({
    rowList: [],        // disable page size dropdown
    pgbuttons: false,     // disable page control like next, back button
    pgtext: null,         // disable pager text like 'Page 0 of 10'
    viewrecords: false    // disable current view record text like 'View 1-10 of 100' 
});

另一答案

您可以应用CSS样式来隐藏它......？

#pager1_center {
    visibility: hidden;
}

还有像pgbuttons和recordtext这样的选项，init中的设置可能会导致该部分不呈现任何html。

jQuery("#grid_id").jqGrid({pgbuttons:false, recordtext: ''});

另一答案

使用它将删除带有按钮和所有内容的分页/视图记录区域。

jQuery("#WebsitesGrid").jqGrid({          
            ...
            pginput: false,
            pgbuttons: false,
            viewrecords: false,
            ....

另一答案

或者，如果您希望在jqGrid的页脚中有更多空间，则可以简单地隐藏所需的导航部分。

gridComplete: function()
{           
   $( '#' + gridId + 'Pager_center' ).hide();
   $( '#' + gridId + 'Pager_left' ).hide();
},

其中gridId是你的jqGrid的id。

另一答案

$('#grid').jqGrid({pgbuttons:false, recordtext:'', pgtext:'')}

另一答案

如果你正在寻找一个避免在jqGrid中使用Pager的解决方案，那么只需在loadcomplete回调中添加以下代码，或者在jqgrid调用后添加以下语句，无论是否有@ Soul_Master的解决方案，

$("#divPager").css({ "height": "0px", "border": "0px" });

它对我有用。

另一答案

甚至你可以设置寻呼机细节的对齐属性，如没有记录下拉列表，寻呼机文本，记录文本。根据我们的要求，实现将pagerpos和recordpos更改为右或左或中心的需要。必须在jquery.jqGrid.min.js中更新详细信息，或者只是在js文件中搜索这些关键字并进行更新。