Question

我正在使用jqgrid寻呼机只显示其中一个网格的添加和刷新链接。我倾向于在我的大多数网格上使用默认图标来添加，编辑，删除和刷新，而jqgrid默认使用这些图标。（栏）添加/编辑/删除按钮和刷新按钮之间。

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

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

所以，我有：+ @ |

我想要的：+ | @

（@应该是刷新图标）

谢谢，余烬

       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: ''}
        );

Answer 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

Answer 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'
        });

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

2 个答案: