将Jqgrid navButtonAdd图标添加到顶部(克隆)导航器

时间:2011-12-09 18:03:38

标签: jquery-ui jqgrid

我正在使用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');
    }
});

2 个答案:

答案 0 :(得分:2)

如果将创建toppager,它将使用网格ID和" _toppager"构建id,因此它将是" grid_toppager"在你的情况下。所以你应该使用

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

有关详情和演示,请参阅herehere

答案 1 :(得分:0)

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

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

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