1

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

它工作得很好，但是如何编辑 Struts2-jQuery-Grid 插件的 CSS 规则？

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

4

2 回答 2

2

您可以通过使用其他主题之一来更改默认主题jQuery，只需更改jQuery CSS.

您可以在jQuery ThemeRoller（图库选项卡）中看到它们，也可以在Struts2-jQuery Showcase（使用右上角的主题滚轮组合框）中看到它们。

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

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

在 jQuery导入之后声明它CSS（因为 s 的导入顺序CSS很重要，最后一个 win），

并手动覆盖style declaration您需要更改的所有内容；

要轻松快速地查看（和实验）它们，您可以使用FireBugonFireFox或其他浏览器上的类似工具。

例如，如果您使用

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

在您的 中，无论您使用哪个主题，CSS您的 s 都会有虚线边框。TD

你甚至可以jQuery CSS Theme从无到有创建你的个人，但我怀疑这就是你正在寻找的东西，这不会是一个快速的工作......

于 2013-02-22T11:14:54.523 回答
2

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

  1. 就像@Andrea 提到的，你应该使用jQuery ThemeRoller

  2. 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>

  3. 您应该关注以下样式类。

    • ui-widget-header
    • ui-state-default
    • ui-widget 内容

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

该插件将完成其余的工作。试试看。

于 2013-02-22T11:51:38.987 回答