Cambiar el tema de la cuadrícula jquery (ubicación ui.jqgrid.css) en struts2

Question

Tengo un componente de cuadrícula jquery en mi página web. Quiero cambiar el archivo css, que usa. Me puse en JJ: etiqueta de la cabeza:

<sj:head jqueryui="true" jquerytheme="custom-theme" customBasepath="css"/> 

Y veo esta etiqueta html en mi página web:

<link type="text/css" href="css/custom-theme/jquery-ui.css" rel="stylesheet" id="jquery_theme_link"> 

Estilos ruta de archivos para el componente jquery-Grid es

<link rel="stylesheet" type="text/css" href="/appname/struts/themes/ui.jqgrid.css"> 

I quiero que este camino sea así:

<link rel="stylesheet" type="text/css" href="css/custom-theme/ui.jqgrid.css"> 

¿Dónde puedo establecer struts jquery grid css ubicación del archivo?

Answer 1

Tuve el mismo problema, la solución fue anular el css una vez que la cuadrícula terminó de cargarse.

<sjg:grid 
    ... 
    onCompleteTopics="loadCustomCss" 
    ... 
/> 

Luego, en su JSP

<script> 
    $.subscribe('loadCustomCss', function(event,data){ 
     $('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '../css/grid.css')); 
    }); 
</script> 

Dónde grid.css es el CSS personalizado, se puede copiar el css proporcionado por el plugin y esto es especialmente útil cuando se hizo cargar como una dependencia Maven .

Answer 2

Puede hacer como:

<sjg:grid ... onGridCompleteTopics="myCssLoaderTopic" ....> 

un después en sus temas

<script> 
    $.subscribe('loadCustomCss', function(event,data){    
     $.struts2-jquery.requireCss(cssFile, basePath); 
    }); 
</script> 

Por favor, consulte: https://groups.google.com/forum/#!topic/struts2-jquery/Aurqeuwhiuo