Cita:
Iniciado por charly_vc 
Buen dia!!
solo para preguntar, los que han utilizado este plugin de creacion de grids llamado jqgrid, como le puedo hacer para cambiar los iconos que estan por default, existe un parametro donde se le indica el icono (buttonicon), pero solo permite los iconos por default, ejemplo de como se agrega un nuevo boton:
Código Javascript
:
Ver original$j_6('#migrid').jqGrid('navButtonAdd','#pagina',{caption:'',buttonicon: "ui-icon-print",title:'Exportar a Excel',onClickButton : function(e){
.
.
.
}
});
lo que necesito es que ,buttonicon: "
ui-icon-print" se pueda agregar por ejemplo un background-image url(imagen.png), la cosa es que se pueda agregar otro icono diferente a los default, en el css del jqgrid agregue
Código CSS:
Ver originalui-icon-excel{background-image: url(images/excel.png)}
y en buttonicon "ui-icon-excel" pero no funciona.
alguna idea, se los agradecere.
Ya vi como hacerle y fue sencillo, en el CSS agregue
Código CSS:
Ver original/*Con esto hago que el icono por default este en blanco y quitando los espacios con el width*/
.ui-icon-excel { width: 0px; background-position: -100px -224px; }
seguido en el codigo de jqgrid en el buttonicon le configure que tome el icono de ui-icon-excel
ejemplo:
Código Javascript
:
Ver original$j_6('#migrid').jqGrid('navButtonAdd','#pagina',{caption:'<img src=\'../Imagenes/excel.png\' width=\'16\' height=\'16\' />',buttonicon: 'ui-icon-excel',title:'Exportar a Excel',onClickButton : function(e){
.
.
.
}});
y si se dan cuenta en el caption agregue el tag <img>.
Se los dejo para quien requiera customizar sus iconos en este gran plugin.