代码之家  ›  专栏  ›  技术社区  ›  Alana Storm

将jqGrid自定义导航添加到顶部工具栏

  •  8
  • Alana Storm  · 技术社区  · 14 年前

    是否可以将导航项添加到jqGrid中的“top pager”中?如果是,那么这样做的语法是什么?

    我的页面上有一个HTML片段,如下所示

    <table id="mygrid">
    </table>
    <div id="mygrid_pager"></div>
    

    然后是jqGrid初始化,看起来像这样

    $('#mygrid').jqGrid({
        ..., //full config string removed for brevity,
        pager:jQuery('#mygrid'),
        toppager:true
    }); 
    $('#mygrid').jqGrid('navGrid', '#mygrid_pager'),{
        'add':false,
        'del':false,
        'edit':false,
        'search':false,
        'refresh':false,
        'cloneToTop':true,  
    }).navButtonAdd('',{...}); //config navbutton string for button removed for brevity
    

    id为“mygrid”的“top pager”将自动插入页面,但其自定义按钮(出现在底部寻呼机上)不会随车提供。

    see that there's a "cloneToTop" option 包括在navGrid中,但是它的描述看起来很混乱,我只能假设我用错了。

    将所有操作从下页复制到上页 如果定义了。注意,navGrid可以应用于顶部 只有传呼机。顶部寻呼机的id是网格id和 “高级管理员”

    如果有人能给我指一个正确的方向(哪怕只是一个工作的例子),我会很感激的。我宁愿通过官方的api来实现,而不是 to clever DOM manipulation ,如StackOverflow上其他地方所见。

    1 回复  |  直到 8 年前
        1
  •  17
  •   Community CDub    8 年前

    好吧,看来我找到了一个看起来更好的方法。这个想法是利用 navButtonAdd "#list_toppager_left" 而不是 "#pager" .

    我修改了 old answer 因此,一个自定义按钮与一个标准按钮一起添加到导航工具栏的顶部。顶部导航工具栏中的其他元素将被删除。结果会是 alt text

    你可以在现场看到相应的演示 here .