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

【问题标题】：jqGrid - How to remove the page selection on the pager but keep the buttons?jqGrid - 如何删除寻呼机上的页面选择但保留按钮？
【发布时间】：2010-12-05 04:29:15
【问题描述】：

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

我想保留绿色，但删除红色：

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

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

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

【问题讨论】：

为清楚起见投了赞成票“我想保留绿色并删除红色”

标签： javascript jquery jqgrid

【解决方案1】：

您可以使用我的以下 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' 
});

【讨论】：

使用这个我仍然看到“页面 ” 不多也不少。其他所有内容均已正确删除。
rowList: false 会使下拉菜单完全消失
rowList 实际上应该是下拉列表中的值列表。为避免混淆类型强制，请使用 rowList: []

【解决方案2】：

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

#pager1_center {
    visibility: hidden;
}

还有一些选项，例如 pgbuttons 和 recordtext，在 init 中的设置可能会导致该部分不呈现任何 HTML。

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

【讨论】：

【解决方案3】：

使用这将删除带有按钮和所有内容的分页/查看记录区域。

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

【讨论】：

【解决方案4】：

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

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

gridId 是你的 jqGrid 的 id。

【讨论】：

只有当您的寻呼机 ID 是您的 gridId 加上“寻呼机”时才有效。你应该改用这个： $(gridElement.getGridParam('pager') + "_center").hide();

【解决方案5】：

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

【讨论】：

【解决方案6】：

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

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

它对我有用。

【讨论】：

【解决方案7】：

即使您可以设置寻呼机详细信息的对齐属性，例如记录下拉列表、寻呼机文本、记录文本。为了实现这一点，需要根据我们的需要将 pagerpos 和 recordpos 更改为向右或向左或居中。必须在 jquery.jqGrid.min.js 中更新详细信息，或者只需在 js 文件中搜索这些关键字并进行更新。

【讨论】：