Question

我正在使用3列的Extjs 6中的树上工作，但我在所有列中都获得了图标和箭头。它看起来不像example。

我知道我可以用CSS隐藏它们，但它们不应该存在。我做错了什么？

查看

Ext.define('CONVENIO.view.tipocontrato.TipoContrato', {
extend : 'Ext.tree.Panel',
//requires : [ 'CONVENIO.controller.TipoContrato', ],

//controller : 'tipocontrato',
store : Ext.create('CONVENIO.store.TipoContrato'),
xtype : 'tipo-contrato-tree',

useArrows : true,
rootVisible : false,
reserveScrollbar : true,
multiSelect: true,

columns : [ {
    xtype : 'treecolumn',
    text : 'Tipo de Contratos',
    cellWrap : true,
    flex : 3,
    dataIndex : 'nombre',
    sortable  : true
}, {
    xtype : 'treecolumn',
    text : 'Inicio',
    cellWrap : true,
    flex : 1,
    dataIndex : 'feInicio',
    sortable  : true
}, {
    xtype : 'treecolumn',
    text : 'Fin',
    cellWrap : true,
    flex : 1,
    dataIndex : 'feFin',
    sortable  : true
} ],
bbar : [ '->', {
    xtype : 'componente-error'
}, {
    xtype : 'boton-nuevo',
}, {
    xtype : 'boton-editar',
}, '-', {
    xtype : 'boton-salir',
} ],
defaultButton : 'botonPrincipal',

/*listeners : {
    beforeitemexpand : 'onBeforeItemExpand',
    beforerender : 'onBeforeRender',
}*/

});

商品

Ext.define('CONVENIO.store.TipoContrato', {
extend: 'Ext.data.TreeStore',   
model:  'CONVENIO.model.TipoContrato',

proxy: {
    type: 'memory',
    reader: {
        type: 'json',
    },
},

root : {
    expanded: true,
    children: [
        {
            nombre: 'A',
            feInicio : '01/11/2015',
            feFin: '30/11/2015'
        },
        {
            nombre: 'B',
            feInicio : '01/11/2015',
            feFin: '30/11/2015',
            children:[{
                nombre: 'B.1',
                feInicio : '01/11/2015',
                feFin: '30/11/2015',
            }]
        },
        {
            nombre: 'C',
            feInicio : '10/11/2015',
            feFin: '30/11/2015',
        }
    ]
},

});

Answer 1

只有第一列应为treecolumn。删除其他人的xtype，然后将其设为默认值。

象和箭头在所有树专栏

1 个答案: