1

WebページにStruts2-jqueryグリッドコンポーネントがあります。

完全に機能しますが、Struts2-jQuery-GridプラグインのCSSルールを編集するにはどうすればよいですか？

カスタムCSSルールをこのグリッドビューに適用できますか？

4

2 に答える 2

2

jQueryのインポートを変更するだけで、から他のテーマの1つを使用して、デフォルトのテーマを変更できますjQuery CSS。

それらはjQuery ThemeRoller（[ギャラリー]タブ）とStruts2-jQuery Showcase（右上隅のテーマローラーコンボボックスを使用して）でも見ることができます。

それらのどれもあなたのニーズを満たさない場合は、

必要なテーマに近いテーマを選択し、のテーマを定義するだけですCSS。

jQueryのインポート後に宣言するCSS（インポートの順序がCSS重要であるため、最後の勝利）、

style declaration変更する必要があるすべてのオーバーライドを手動で実行します。

それらを簡単かつ迅速に確認（および実験）するためFireBugにFireFox、または他のブラウザーの同様のツールを使用できます。

たとえば、

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

では、使用しているテーマに関係なく、のCSS境界線が破線になります。TD

何もないところから自分の個人を作成することもできますjQuery CSS Themeが、これがあなたが探しているものではないかと思います。簡単な作業ではありません...

于 2013-02-22T11:14:54.523 に答える
2

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

  1. @Andreaが述べたように、jQueryThemeRollerを使用する必要があります

  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-content

単一のスタイルを調整する場合は、CSSセレクターまたはjQueryセレクターのいずれかを使用してこれを行うことができます。

プラグインが残りを行います。試してみてください。

于 2013-02-22T11:51:38.987 に答える