2010-04-22 10 views
10

Aquí está mi código¿Cómo tener 2 localizadores en jqgrid uno en la parte superior y uno en la parte inferior?

$(document).ready(function() { 
    $('#jqgProducts').jqGrid({ 
     url: '/Home/GridSampleData/', // url from wich 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 
    }); 
}); 

Respuesta

20

Incluir "toppager: true" a la lista de opciones jqGrid. Haga exactamente lo que desee: "Cuando se habilita esta opción, coloque un elemento de buscapersonas en la parte superior de la cuadrícula debajo del título (si está disponible). Si se define otro buscapersonas, ambos pueden coexistir y actualizarse sincronizados".

La lista completa de las opciones que puede encontrar en http://www.trirand.com/jqgridwiki/doku.php?id=wiki:options

+0

Gracias Oleg, me ayudó un montón –

+1

@Allen: ¡De nada! Si quieres más personalización del buscapersonas, mi otra respuesta http://stackoverflow.com/questions/3552855/add-toolbar-in-the-bottom-of-the-header-using-jqgrid/3557663#3557663 podría ser también interesante para ti. – Oleg

+0

@Oleg - ¿Eso lo pone en la parte superior central o arriba a la izquierda? – leora

0

Esto es de 4 años de retraso pero vi algo como esto, opción de plantilla

template: '<div>' + 
      '<div class="jqgrid-pagination"></div>' + 
      '<table></table>' + 
      '<div class="jqgrid-pagination"></div>' +    
      '</div>', 
Cuestiones relacionadas