Question

我正在尝试开始使用Sencha 4 Tree面板，更改文本大小和背景颜色等内容。我还没有使用viewConfig或其他方法找到正确的方法。这就是我现在所拥有的：

JS：

var store = Ext.create('Ext.data.TreeStore', {
    root: {
        expanded: true,
        children: [
            { text: "detention", leaf: true },
            { text: "homework", expanded: true, children: [
                { text: "book report", leaf: true },
                { text: "alegrbra", leaf: true}
            ] },
            { text: "buy lottery tickets", leaf: true }
        ]
    }
});

Ext.create('Ext.tree.Panel', {
    title: 'Simple Tree',
    width: 400,
    height: 250,
    store: store,
    rootVisible: false,
    renderTo: 'nav'
});

HTML：

<div id='nav'>

</div>

CSS：

#nav .x-tree-node-text  {
    font-size: 1.3em;
    background-color: #c0c0c0;
}

http://jsfiddle.net/EzLmd/1/

有人能指出正确的方法吗？

Answer 1

是的，出于主题目的，您可以使用相同的技巧来设置不同的ext对象。例如，更改您可以使用的节点的文本颜色。

#nav .x-grid-cell-inner{
    color: #ff0000;
}

如果要全局更改，请不要使用#tags。（更改应用程序中extjs的整个主题）。

更多样式

#nav .x-grid-cell-inner{
    color: #ff0000;
    text-decoration : line-through;
    font-size:larger;
}

希望这会有所帮助;）

extjs4主题树面板

1 个答案: