javascript - Extjs 6.2-如何在TreeStore上设置节点的大小

使用Extjs 6.2，看来我无法在TreeStore上编辑节点的大小。

Ext.define('Ext.ux.bnp.menu.ApplicationMenuPluginStore', {
extend : 'Ext.data.TreeStore',
alias : 'store.menustore',
width : 2000, //doesn't work here


fields : [ {
    name : 'text'
} ],
id : 'menustore',

root : {
    expanded : true,

    children : [ {
        text : 'children',
        iconCls : 'fa fa-search',
        rowCls : 'x-treelist-item-selected',
        leaf : true,
        expanded : true,
        checked : true,
        href : '../dummy/dummy.jsp'
        witdh: 2000, //doesn't work here too
    },

    {
        text : 'dummy',
        iconCls:'fa fa-book',
        rowCls : 'nav-tree-badge',
        witdh : 2000, //doesn't work here
        selectable : false,
        children : [
        {
            text : 'dummy son',
            iconCls : 'fa fa-building',
            href : '../dummy/son.jsp',
            leaf : true
            witdh: 2000, //neither do here
        },

我也尝试使用一些CSS来更改它：

.x-treelist-item-leaf {
  width          : 2000 !important;
}
.x-treelist-item-wrap {
  width          : 2000 !important;
}

.x-treelist-item {
  width          : 2000 !important;
}

似乎没有任何作用。
所以我想知道如何编辑TreeStore节点的大小。

最佳答案

首先，TreeStore用于数据管理，如果要更改有关视图的任何内容，则必须更改TreePanel属性。其次，节点的宽度将与TreePanel的宽度相同（请参见小提琴）。如果要更改节点的高度，也没有问题：FIDDLE