将 Jqgrid navButtonAdd 图标添加到顶部（克隆）导航器答案

【问题标题】：Adding Jqgrid navButtonAdd icon to the top(cloned) navigator将 Jqgrid navButtonAdd 图标添加到顶部（克隆）导航器
【发布时间】：2011-12-09 18:03:38
【问题描述】：

我正在使用 navButtonAdd 在我的 jqgrid 中有一个列选择器，但它会将按钮添加到底部导航栏。是否可以将相同的图标添加到我克隆的导航栏的顶部。这是我的代码...

jQuery("#grid").jqGrid({
         ......
         toppager: true,
         ....
    );  

jQuery("#grid").jqGrid('navGrid','#pager',
    {cloneToTop: true, edit:false, add:false, del:false, search:false},
        { }, { }, { }, { } );

jQuery("#grid").jqGrid('navButtonAdd', '#pager', {
    caption : "",
    buttonicon : "ui-icon-calculator",
    title : "Choose Columns",
    onClickButton : function() {
        jQuery("#grid").jqGrid('columnChooser');
    }
});

【问题讨论】：

标签： jquery-ui jqgrid

【解决方案1】：

如果将创建 toppager，它将具有从网格 id 和“_toppager”构造的 id，因此在您的情况下它将是“grid_toppager”。所以你应该使用

jQuery("#grid").jqGrid('navButtonAdd', '#grid_toppager', {...});

有关更多详细信息和演示，请参阅 here 和 here。

【讨论】：

谢谢奥列格。我能够使用相同的方法修复它。 var msgGrid = jQuery("#messagesGrid"); msgGrid.jqGrid('navButtonAdd', '#' + msgGrid[0].id + '_toppager_left', { });
@varaprakash：不客气！这就是我的意思。顺便说一句，如果网格的id 可能有一些特殊字符（不推荐），您应该改用'#' + $.jgrid.jqID(msgGrid[0].id) + '_toppager_left'（请参阅转义或元字符here）。

【解决方案2】：

对于基本功能，设置 toppager: true 和 cloneToTop: true 就足够了。

$("#list").jqGrid({
    pager: '#pager',toppager: true  
});

$("#list").jqGrid('navGrid',"#pager",{
    cloneToTop:true
});

【讨论】：