2012-01-05 20 views
5

Ho un componente jquery nella mia pagina web. Voglio cambiare il file css, che usa. Ho impostato in jj: tag head:Cambia tema griglia jquery (posizione ui.jqgrid.css) in struts2

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

E vedo questo tag html sul mio sito:

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

Styles File percorso per il componente jquery-Grid è

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

I vuoi che questo percorso sia il seguente:

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

Dove posso impostare i puntamenti jquery grid css posizione del file?

risposta

1

Ho avuto lo stesso problema, la soluzione era di ignorare il css una volta terminato il caricamento della griglia.

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

Poi, nel tuo jsp

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

Dove grid.css è il vostro CSS personalizzato, è possibile copiare il css fornita dal plugin e questo è particolarmente utile quando si era caricato è come dipendenza Maven .