Поместите панель navSeparatorAdd перед кнопкой обновления по умолчанию в jqgrid - PullRequest
1 голос
/ 15 июля 2011

Я использую пейджер jqgrid, чтобы просто показать ссылку добавления и обновления для одной из моих сеток. Я склонен использовать значки по умолчанию для добавления, редактирования, удаления и обновления в большинстве моих сеток, что, в свою очередь, по умолчанию в jqgrid, ставит | (полоса) между кнопками Добавить / Редактировать / Удалить и кнопкой обновления.

В моей сетке «Игры» я использую пользовательскую кнопку «Добавить» (которая отображается перед обновлением), но перед кнопкой обновления не отображается панель. Я попытался изменить порядок, добавить опцию позиции в navSeparatorAdd и много гуглить. Однако я не могу найти ничего, что помогло бы мне в этой ситуации.

Я не пытался отключить Обновить и создать пользовательскую кнопку, но это похоже на взлом. Любые идеи о том, как получить этот бар после добавления и до обновления?

Итак, что у меня есть: + @ |

Что я хочу: + | @

(символ @ должен быть значком обновления)

Спасибо, Эмбер

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

Ответы [ 2 ]

2 голосов
/ 16 июня 2013

Сепаратор

Возможно группировать некоторые действия, добавляя разделитель. Это можно сделать с помощью метода 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

0 голосов
/ 20 мая 2014
        $(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'
        });
...