1

リストのitemTplに条件付きで背景色のスタイルを適用したいと思います。私のitemTplが次のようになっているとしましょう：

itemTpl: '<tpl if="condition"> <div class="highlight"> ... </div> </tpl> '

問題は、そうすると、「ハイライト」というスタイルがリストアイテム全体に適用されないことです。

DOMを調べると、itemTplのコンテンツが、クラス「x-list-item-label」の別のdivを含むクラス「x-list-item」の別のdiv内にあることがわかります。したがって、私のitemTplに背景スタイルを適用しても、領域全体が塗りつぶされません...

エリア全体に影響を与える方法を知っている人はいますか（したがって、「x-list-item」または「x-list-item-label」）？

私のdivの親に影響を与えるcss/sassトリックはありますか？煎茶のトリックはありますか？

ありがとう

4

1 に答える 1

4

誤解してすみません。次に、次のように動作します。私は確信しています。

たとえば、要素（コンポーネントではなく、私が知っている）にIDを設定することをサポートします。

<span id="something-here">{whatever you want to show}</span>.

それで：

  • Ext.get('something-here')あなたの要素を返します
  • Ext.get('something-here').up('div.x-list-item')divクラスのタグを持つノードの最も近い親を返しますx-list-item

私はすでにshow()andを介してこれをテストしてhide()おり、要素はうまく相互作用しています。

要素に CSS クラスを追加するには、単純に使用しますaddCls('special-css-class')

于 2012-04-08T10:43:36.977 に答える