cambiar iconos en jqgrid

[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:

$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:

ui-icon-excel{background-image: url(images/excel.png)}
 

y en buttonicon "ui-icon-excel" pero no funciona.

alguna idea, se los agradecere.

[charly_vc]

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:

$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:

ui-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:

/*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:

$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.