在struts2中更改jquery网格主题(ui.jqgrid.css位置)

Question

我的网页上有一个jquery网格组件.我想更改它使用的css文件.我在jj:head标签中设置它:

<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-grid组件的样式文件路径是

<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 依赖项加载时，这尤其有用。