2010-08-24 27 views
12

Quiero agregar una barra de herramientas más con diferentes botones en la parte inferior del encabezado. ¿hay alguna posibilidad?Agregar la barra de herramientas en la parte inferior del encabezado usando jqgrid

utiliza

toolbar: [true,"top"] or toolbar: [true,"bottom"] 

sus mismas que muestran las barras de herramientas ... en la barra de herramientas inferior contiene Añadir, editar, eliminar botones .. quiero hacer cambio en la barra de herramientas superior contiene el botón AÑADIR única .. & inferior barra de herramientas contiene editar, eliminar, actualizar, etc.,

Gracias,

Respuesta

17

Probablemente mal entendido toolbar parámetro de la jqGrid. Quizás desee utilizar Navigator teniendo cloneToTop: true que funcione si define, además, la opción toppager: true jqGrid. Esta opción clona el div del buscapersonas en la parte superior de jqGrid. Después de esto se puede quitar fácilmente algunos elementos de la "barra de herramientas" superior o inferior:

jQuery("#list").jqGrid({ 
    // some parameters 
    toppager: true, 
    // some other paremeters 
}).jqGrid('navGrid','#pager',{cloneToTop:true}); 

var topPagerDiv = $("#list_toppager")[0]; 
$("#edit_list_top", topPagerDiv).remove(); 
$("#del_list_top", topPagerDiv).remove(); 
$("#search_list_top", topPagerDiv).remove(); 
$("#refresh_list_top", topPagerDiv).remove(); 
$("#list_toppager_center", topPagerDiv).remove(); 
$(".ui-paging-info", topPagerDiv).remove(); 

var bottomPagerDiv = $("div#pager")[0]; 
$("#add_list", bottomPagerDiv).remove(); 

La parte "lista" de diferentes nombres ID desde el código anterior será utilizada debido a que usamos <table> elemento con id = lista " ".

+0

muchas gracias Oleg. esto es exactamente lo que necesitaba. muchas gracias a ti. Me salvaste el tiempo ... – jerry

+0

Hai Oleg, gracias. También estoy buscando esta característica. Finalmente llegué aquí. Pero ahora el botón Agregar solo funciona correctamente. Los botones edit y del (solo lo intenté) no funcionan después de mover el paginador a la parte superior. Antes de que funcione bien cuando el buscapersonas está abajo. ¿Puedo saber por qué? ¿Debo hacer algún cambio? – vissu

+1

@vissupepala: sería mejor si publica el código que usa actualmente y que tiene el problema. Sería mejor si abre una nueva pregunta porque leer el código en el comentario es demasiado difícil. – Oleg

0

Desde el Demo site:

HTML código

Java scrpt

jQuery("#myGrid").jqGrid({ 
    url:'server.php?q=1', 
    datatype: "xml", 
    colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'], 
    colModel:[ 
    {name:'id',index:'id', width:55}, 
    {name:'invdate',index:'invdate', width:90}, 
    {name:'name',index:'name', width:100}, 
    {name:'amount',index:'amount', width:80, align:"right"}, 
    {name:'tax',index:'tax', width:80, align:"right"},  
    {name:'total',index:'total', width:80,align:"right"},  
    {name:'note',index:'note', width:150, sortable:false}  
    ], 
    rowNum:10, 
    rowList:[10,20,30], 
    pager: '#pgmyGrid', 
    sortname: 'id', 
    viewrecords: true, 
    sortorder: "desc", 
    caption:"Toolbar Example", 
    editurl:"someurl.php", 
    toolbar: [true,"top"] //THIS IS IMPORTANT! 
    }); 
    jQuery("#myGrid").jqGrid('navGrid','#pgmyGrid',{edit:false,add:false,del:false}); 

    $("#t_myGrid").append("<input type='button' value='Click Me' style='height:20px;font-size:-3'/>"); 
Cuestiones relacionadas