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