2

extjs 4 で Treepanel の背景色を変更しようとしています。これまでのところ、目的の色でカスタム css クラスを作成し、それをパネルとそのビューに適用しました

    {
        baseCls: "mycustomclass",
        viewConfig: {baseCls: "mycustomclass"}
        (...)
    }

そして、このコードは、ツリー ノード以外のすべてのパネル領域の背景を設定します。ツリー ノードはまだ白いです。だから私の質問は、ノードを含むツリーパネル全体の背景色を設定する方法です。

これがどのように見えるかのスクリーンショットです - 緑がかった色は私のツリーパネル領域です. ノードもツリーパネルに属しますが、白です

スクリーンショット

4

2 に答える 2

3

私は解決策を見つけました。ここにあります：

    .navpanel 
    {
        background-color: #c0c0c0;
    }

    .navpanel .x-grid-cell
    {
        background-color:#c0c0c0;
    }
    .navpanel .x-grid-row-selected .x-grid-cell, .x-grid-row-selected .x-grid-rowwrap-div
    {
        background-color:#f0f0f0 !important;
        font-weight: bold;
    }

「navpanel」クラスは、ツリーパネルのビューに (viewConfig を介して) 適用されます。他のすべてのクラスは標準の extjs css をオーバーライドするため、extjs css の後にロードする必要があります。ここでは Google Chrome の「要素の検査」機能が非常に役立ちました。

于 2011-11-23T11:54:15.213 に答える
0

新しいアプローチを試してみてください。これは間違いなく機能します

http://www.slideshare.net/senchainc/slides-5971886 http://www.sencha.com/learn/theming/ http://www.sencha.com/learn/theming-sencha-frameworks-with-sass -and-compass /

ツリーパネルにはより多くのコンポーネントがあるため、思ったほど簡単には機能しません

于 2011-11-22T21:09:24.680 に答える