Как программно редактировать стиль (цвет шрифта) dojo.TitlePane

У меня есть TitlePane, в котором я хочу изменить цвет шрифта. Я просто не могу. Мне нужно сделать это программно.

Пока у меня что-то вроде этого:

var newPane = new TitlePane({title: paneName});

Я тоже пробовал это:

var newPane = new TitlePane({title: paneName, id: paneName, style:{color:'red'}});

Это устанавливает красный цвет содержимого панели, и идентификатор никуда не добавляется :(

Согласно этой информации об API я могу установить только три свойства (название, содержание и открыть). Как я могу добавить идентификатор и стиль (цвет) в TitlePane! пожалуйста


dojo
person allegjdm93    schedule 26.09.2012    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Стилизуйте его с помощью каскадных таблиц стилей. Посмотрите, как это работает на jsFiddle: http://jsfiddle.net/phusick/63dHY/

Чтобы изменить цвет текста заголовка TitlePane на id

var titlePane1 = new TitlePane({
    id: "titlePane1",
    title: "some red title",
    content: "Collapse me!"            
}, "titlePane1");

используйте следующий стиль:

#titlePane1 .dijitTitlePaneTextNode {
    color: red;
}

Or by class

var titlePane2 = new TitlePane({
    title: "some blue title",
    content: "Collapse me!"
}, "titlePane2");

domClass.add(titlePane2.domNode, "blue");   // as of 'dojo/dom-class' module

используйте следующий стиль:

.blue .dijitTitlePaneTextNode {
    color: blue !important;
}

или изменить его напрямую через JavaScript (что я не рекомендую):

titlePane2.titleNode.style.color = "green";
person phusick    schedule 27.09.2012