struts2のjqueryグリッドテーマ（ui.jqgrid.css location）を変更します。

Question

私のWebページにjqueryグリッドコンポーネントがあります。私はそれが使用するCSSファイルを変更したい。ヘッドタグ：

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

そして、私は私のWebページにこのHTMLタグを参照してください：私はJJでそれを設定し

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

スタイルはjqueryのグリッド・コンポーネントのパスをファイル

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

です私はこのパスを次のようにします：

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

struts jqueryのグリッドCSSファイルの場所はどこで設定できますか？

Answer 1

私は同じ問題を抱えていました。解決策は、グリッド仕上げの読み込みが完了したらCSSをオーバーライドすることでした。

あなたのJSP内で次に

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

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

grid.cssは、あなたのカスタムCSSで、あなたはプラグインが提供するCSSをコピーすることができますし、それはMavenの依存関係としてロードされたとき、これは特に便利です

。

Answer 2

あなたが行うことができますように。そして、あなたのトピックで

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

アン

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

をご参照ください：https://groups.google.com/forum/#!topic/struts2-jquery/Aurqeuwhiuo