将navSeparatorAdd栏放在jqgrid中默认刷新按钮之前

Posted 2023-02-26

【中文标题】将navSeparatorAdd栏放在jqgrid中默认刷新按钮之前

【英文标题】：Put the navSeparatorAdd bar before the default refresh button in jqgrid

【发布时间】：2011-07-15 19:46:28

【问题描述】：

我正在使用 jqgrid 寻呼机仅显示我的一个网格的添加和刷新链接。我倾向于在我的大多数网格上使用默认图标来添加、编辑、删除和刷新，而 jqgrid 默认情况下，会将 | （条）在添加/编辑/删除按钮和刷新按钮之间。

在我的“游戏”网格中，我使用了自定义添加按钮（在刷新之前显示），但在刷新按钮之前没有显示栏。我尝试重新排列顺序，向 navSeparatorAdd 添加位置选项，并进行大量谷歌搜索。但是，在这种情况下，我找不到任何对我有帮助的东西。

我没有尝试关闭刷新并制作自定义按钮，但这似乎是一个 hack。关于如何在添加后和刷新前获取该栏的任何想法？

那么，我有什么：+@|

我想要什么：+ | @

（@应该是刷新图标）

谢谢， 余烬

       jQuery("#Games").jqGrid('navGrid',
            '#GamesPager',
            edit:false, add:false, del:false, search:false, 
             refreshtitle: "Refresh",
            , //settings for edit
            , // settings for add
            ,  // settings for delete
             // advanced searching settings
        );
        jQuery("#Games").jqGrid('navButtonAdd',
            "#GamesPager",
               caption:"Add Game", 
                buttonicon:"ui-icon-plus", 
                onClickButton:function() 
                 loadAddColorBox();
               , 
                position: "first", 
                title:"Add Game", 
                cursor: "pointer"
             
        );
        jQuery("#Games").jqGrid('navSeparatorAdd',
            "#GamesPager",
            sepclass : 'ui-separator',sepcontent: ''
        );

【参考方案1】：

分隔符

可以对一些添加分隔符的操作进行分组。这可以使用 navSeparatorAdd 方法完成 语法：

<script>
...
jQuery("#grid_id").navGrid("#pager",...).navButtonAdd("#pager",parameters).navSeparatorAdd("#pager",separator_parameters;
...
</script>

这里是文档链接http://www.trirand.com/jqgridwiki/doku.php?id=wiki:custom_buttons

【参考方案2】：

        $(table_selector).jqGrid('navGrid', pager_selector, 
            cloneToTop: true,
            edit: false,
            add: false,
            del: false,
            search: false,
            refresh: true,
            view: false
        );

        $(table_selector).jqGrid('navSeparatorAdd', table_selector + '_toppager', 
            sepclass: 'ui-separator',
            sepcontent: '',
            position: 'first'
        );

        $(table_selector).jqGrid('navButtonAdd', table_selector + '_toppager', 
            caption: 'save',
            buttonicon: 'ui-icon ace-icon fa fa-pencil blue',
            onClickButton: function() 
                alert("1");
            ,
            position: 'first'
        );