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

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

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

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

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

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

Ответ 1

Вы можете использовать мой следующий параметр JqGrid, чтобы отключить RED-зону от 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' 
});

Ответ 2

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

#pager1_center {
    visibility: hidden;
}

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

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

Ответ 3

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

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

Ответ 4

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

Ответ 5

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

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

где gridId является идентификатором вашего jqGrid.

Ответ 6

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

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

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

Ответ 7

Использование:

.ui-jqgrid-toppager {
  display:none;
}

Ответ 8

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