javascript - 是否可以更改 struts2-jquery-grid-tags 的 css 颜色

Question

我如何更改我的 struts2-jquery-grid-tags 的 css 样式我什至无法更改标题层字体大小。任何人都可以告诉我如何像普通 html 元素一样更改我的网格样式、颜色和其他格式。

Answer 1

使用:

<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
...
<sj:head jqueryui="true" 
         jquerytheme="customTheme" 
         customBasepath="relative/path/customThemesFolder"/>

并在您的 customThemesFolder 中创建您的 themeroller自定义主题(应该在 customTheme 中)。这应该会更改您的网格主题，您可以更改所有您想要的样式。

希望这对您有所帮助。

已编辑当你下载时你会得到这样的东西:

/jquery-ui-1.10.4.custom/css/THEME

和内部 css、图像等。THEME 是您所需要的。小心 - 页面 中的 css 导入或您拥有的内容必须遵循以前的 jqgrid 样式。人们说如果不起作用，请将其放在页面末尾:

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

并在网格标签(sj:head)中添加

onCompleteTopics="loadCustomCss"

如果仍然无法正常工作，请尝试使用此脚本(而不是之前的脚本):

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

注意相对路径。