Question

我的网页上有一个Struts2-jquery网格组件。

它完美无缺，但是如何编辑Struts2-jQuery-Grid插件的CSS规则？

我可以将自定义CSS规则应用于此网格视图吗？

Answer 1

您可以使用jQuery中的其他主题更改默认主题，只需更改jQuery CSS的导入。

您可以在jQuery ThemeRoller（图库标签）和Struts2-jQuery Showcase中看到它们（使用右上角的themeroller组合框）。

如果它们都不能满足您的需求，

只需选择更接近您想要的主题，并定义您的CSS，

宣布 AFTER jQuery CSS导入（因为CSS的导入顺序很重要，最后一次胜利），

并手动覆盖您需要更改的每个style declaration;

要轻松快速地查看（并进行实验），您可以在FireBug上使用FireFox，或在其他浏览器上使用类似工具。

例如，如果您使用

.ui-jqgrid tr.ui-row-ltr td{
    border-right-style: dashed;
}

在您的CSS中，无论您使用的是哪个主题，都会为TD设置虚线边框。

您甚至可以从零开始创建个人jQuery CSS Theme，但我怀疑这是你在找什么，这不会是一个快速的工作...

Answer 2

To answer your question: how to create a new jquery theme?

就像@Andrea提到的那样，你应该使用jQuery ThemeRoller

像这样定义sj:head

<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<html>
  <head>
    <sj:head jqueryui="true" jquerytheme="mytheme" 
             customBasepath="template/themes"/>
  </head>
  <body>
  </body>
</html>

您应该关注以下样式类。
- UI-插件头
- UI-状态默认
- UI-插件含量

如果要调整单一样式，可以使用CSS选择器或jQuery选择器来执行此操作。

该插件将完成剩下的工作。试试吧。

Struts2-Jquery Grid CSS编辑

2 个答案: