javascript - 所有树列中的图标和箭头

Question

我正在 Extjs 6 中处理一棵有 3 列的树，但我在所有列中都收到了图标和箭头。看起来不是这样的example .

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

This is how my tree looks like.

查看

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 并让它默认。