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

Question

使用 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 节点的大小。

Answer 1

首先，TreeStore是用来管理数据的，如果你想改变视图的任何东西，你必须改变TreePanel的属性。其次，节点的宽度将与 TreePanel 的宽度相同（参见 fiddle）。如果你想改变节点的高度，那也不是问题：FIDDLE

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

Extjs 6.2 - How to Set the size of the nodes on a TreeStore

javascript

css

extjs

extjs6

treestore