在struts2中更改jQuery网格主题（ui.jqgrid.css位置）

Question

我的网页上有一个jQuery网格组件。我想更改它使用的css文件。我将它设置在JJ：头标记：

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

，我看到在我的网页此HTML标记：

<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 grid css文件的位置？

Answer 1

我有同样的麻烦，解决方案是覆盖一旦网格完成加载的CSS。

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

在JSP

然后

<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