Extjs 6.2 - Как установить размер узлов в TreeStore - PullRequest
Новая
       14

Extjs 6.2 - Как установить размер узлов в TreeStore

0 голосов
/ 17 сентября 2018

Используя 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.

1 Ответ

0 голосов
/ 17 сентября 2018

Прежде всего, TreeStore предназначен для управления данными, если вы хотите что-то изменить в представлении, вы должны изменить свойства TreePanel.Во-вторых, ширина узла будет такой же, как ширина TreePanel (см. В скрипте).Если вы хотите изменить высоту узла, это тоже не проблема: FIDDLE

...