ExtJS 4 - как установить фон панели дерева (включая узлы дерева) - PullRequest
Новая
       60

ExtJS 4 - как установить фон панели дерева (включая узлы дерева)

2 голосов
/ 22 ноября 2011

Я пытаюсь изменить цвет фона Treepanel в extjs 4. До сих пор я создал собственный класс css с нужным цветом и применил его к панели и ее виду 

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

И этот код устанавливает фон области панели везде, кроме узлов дерева. Узлы дерева все еще белые. Поэтому мой вопрос заключается в том, как установить цвет фона всей панели дерева, включая узлы.

вот скриншот того, как это выглядит - зеленоватый цвет - это область моей древовидной панели. Узлы также принадлежат древовидной панели, но белые

screenshot

Ответы [ 2 ]

3 голосов
/ 23 ноября 2011

Я нашел решение, и вот оно: 

    .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 очень помогла.

0 голосов
/ 23 ноября 2011

Попробуйте выработать новый подход.Это определенно будет работать

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/

Древовидная панель имеет больше компонентов, поэтому она будет работать не так просто, как вы думаете

...