Как иметь 2 пейджера в jqgrid: один вверху и один внизу?

Вот мой код

 $(document).ready(function () {
     $('#jqgProducts').jqGrid({
         url: '/Home/GridSampleData/', // url from which data should be requested
         datatype: 'json',             // type of data
         mtype: 'GET',                 // url access method type
         colNames: ['userid', 'username', 'email', 'contact', 'password'],
         colModel: [                   // columns model
             { name: 'userId', index: 'userId', align: 'left',
               editable: false },
             { name: 'username', index: 'username', align: 'left',
               editable: true, edittype: 'text',
               editoptions: { maxlength: 20 },
               editrules: { required: true} },
             { name: 'email', index: 'email', align: 'left', editable: true,
               edittype: 'text', editoptions: { maxlength: 50 },
               editrules: { required: true} },
             { name: 'contact', index: 'contact', align: 'left',
               editable: true, edittype: 'text',
               editoptions: { maxlength: 20 }, editrules: { required: true} },
             { name: 'password', index: 'password', align: 'left',
               editable: true, edittype: 'password',
               editoptions: { maxlength: 20 },
               editrules: { required: true} }
         ],
         pager: $('#jqgpProducts'), // pager for grid
         rowNum: 5,                 // number of rows per page
         sortname: 'userId',        // initial sorting column
         sortorder: 'asc',          // initial sorting direction
         viewrecords: true,         // we want to display total records count
         width: '600',              // grid width
         height: 'auto'             // grid height
     });
 });

model-view-controller jqgrid pager
person munir    schedule 22.04.2010    source источник

Ответы (2)


arrow_upward
20
arrow_downward

Включите «toppager: true» в список опций jqGrid. Это делает именно то, что вы хотите: «Если этот параметр включен, поместите элемент пейджера вверху сетки под заголовком (если он доступен). Если определен другой пейджер, оба могут сосуществовать и обновляются синхронно».

Полный список параметров вы можете найти на http://www.trirand.com/jqgridwiki/doku.php?id=wiki:options

person Oleg    schedule 23.04.2010
comment
Спасибо Олег, выручил тонну - person Allen Rice; 26.08.2010
comment
@Allen: Добро пожаловать! Если вам нужна дополнительная настройка пейджера, мой другой ответ stackoverflow.com/questions/3552855/ также может быть интересным для вас. - person Oleg; 26.08.2010
comment
@Oleg - это помещает его вверху по центру или вверху слева ?? - person leora; 02.09.2011
comment
@ooo: toppager: true создает тот же пейджер, который обычно виден внизу. - person Oleg; 02.09.2011
comment
@ Олег. Я использовал toppager: true и cloneToTop: true, однако мои кнопки поиска, обновления и изменения порядка / скрытия столбцов не передаются на toppager. Вверху появляются только кнопки пагинации. Должен ли я явно добавлять эти кнопки на верхний пейджер? - person keithxm23; 28.08.2012
comment
@ keithxm23: Если вы используете cloneToTop: true, все кнопки, добавленные navGrid, будут добавлены на два пейджера. Я рекомендую вам прочитать два старых ответа: this, this, this и это. Если все ответы не помогут вам решить вашу проблему, вам следует более точно описать вашу проблему и опубликовать соответствующий пример кода, который вы используете. - person Oleg; 29.08.2012

arrow_upward
0
arrow_downward

Это на 4 года позже, но я видел что-то вроде этого, вариант шаблона

 template: '<div>' +
             '<div class="jqgrid-pagination"></div>' +
             '<table></table>' +
             '<div class="jqgrid-pagination"></div>' +               
           '</div>',
person Tremmillicious    schedule 04.05.2015