Как удалить выделение страницы на пейджере, но сохранить кнопки?

Question

Я хочу удалить кнопки пейджинга в сетке, но я хочу оставить кнопки добавления, редактирования, обновления и т.д. в левом нижнем углу. Мне не нужен пейджер, потому что я буду отображать все записи в этой конкретной реализации сетки.

Я хочу сохранить то, что в ЗЕЛЕНОМ, но удалить то, что в КРАСНОМ:

В настоящее время мое решение состоит в том, чтобы очистить центр навигации по сетке

$('#pager_center').empty();

Но это означает, что пейджер рендерится на страницу, а затем очищается, мне интересно, смогу ли я просто предотвратить его отображение в первую очередь.

Answer 1

Вы можете использовать мою следующую опцию JqGrid, чтобы отключить КРАСНУЮ зону из JqGrid. Это должен быть лучший способ решить этот вопрос, потому что вам не нужно взламывать JqGrid-рендеринг с помощью таблицы стилей CSS, которая возникает из-за проблем, если JqGrid меняет шаблон для создания пейджера или вы меняете идентификатор пейджера.

$('#grid').jqGrid
({
    rowList: [],        // disable page size dropdown
    pgbuttons: false,     // disable page control like next, back button
    pgtext: null,         // disable pager text like 'Page 0 of 10'
    viewrecords: false    // disable current view record text like 'View 1-10 of 100' 
});

Answer 2

Вы можете применить стиль CSS, чтобы скрыть его ...?

#pager1_center {
    visibility: hidden;
}

Существуют также такие параметры, как pgbuttons и recordtext, которые в настройках init могут привести к тому, что эта часть не будет отображать какой-либо HTML.

jQuery("#grid_id").jqGrid({pgbuttons:false, recordtext: ''});

Answer 3

Используя это, вы удалите область записей подкачки / просмотра с кнопками и все.

jQuery("#WebsitesGrid").jqGrid({          
            ...
            pginput: false,
            pgbuttons: false,
            viewrecords: false,
            ....

Answer 4

Если вы ищете решение, позволяющее избежать Pager в jqGrid, просто добавьте следующий код в обратный вызов loadcomplete или в виде оператора после вызова jqgrid, с решением @ Soul_Master или без него,

$("#divPager").css({ "height": "0px", "border": "0px" });

Это сработало для меня.

Answer 5

даже вы можете установить свойство выравнивания деталей пейджера, таких как выпадающий список записей, текст пейджера, текст записи. чтобы добиться этого, необходимо изменить pagerpos и recordpos вправо или влево или по центру, как нам требуется. Подробности должны быть обновлены в jquery.jqGrid.min.js или просто найдите эти ключевые слова в ваших файлах js и выполните обновление.

Answer 6

Или, если вы хотите, чтобы в нижнем колонтитуле jqGrid было больше места, вы можете просто скрыть нужную часть навигации.

gridComplete: function()
{           
   $( '#' + gridId + 'Pager_center' ).hide();
   $( '#' + gridId + 'Pager_left' ).hide();
},

где gridId - это идентификатор вашего jqGrid.

Answer 7

$('#grid').jqGrid({pgbuttons:false, recordtext:'', pgtext:'')}