Extjs TreePanel未展开

Question

我加载带有项展开(在json中定义的)项的TreePanel，但是当它显示时它没有展开。

只有dir (图标)是打开的，但没有显示项目。我加载它，使用加载存储函数重新加载我的树。

​

​

storeTree = me.getTreePersonneStore();

            storeTree.load({
              params: {
                idPersonne: batch.proxy.getReader().jsonData.id, 
                lettrePersonne: batch.proxy.getReader().jsonData.lettre
              }
            })

我的店：

    Ext.define('ModuleGestion.store.TreePersonne', {
    extend: 'Ext.data.TreeStore',

    requires: [
        'ModuleGestion.model.Personne'
    ],

    constructor: function(cfg) {
        var me = this;
        cfg = cfg || {};
        me.callParent([Ext.apply({
            autoLoad: true,
            model: 'ModuleGestion.model.Personne',
            storeId: 'StoreTreePersonne',
            root: {
               expanded : true,
               text : 'Personnes',
               expandable : true,
               id : 'root',
               nodeType:'async',
               uiProvider:false
            },
            proxy: {
                type: 'ajax',
                node: 'id',
                url: 'ModuleGestion/php/TreePersonne.php',
                reader: {
                    type: 'json'
                }
            },
            listeners: {
                beforeload: {
                    fn: me.beforeload,
                    scope: me
                }
            }
        }, cfg)]);
    },

    beforeload: function(store, operation, eOpts) {
        operation.params.node = operation.node.get("id");
    }

});

我的JSON：

[{
    id:"A",
    text:"A",
    expanded:true,
    children:[
    {
        id:"101",text:"AA AA",leaf:true},
        {id:"98",text:"AA AA",leaf:true},
        {id:"86",text:"AA AA",leaf:true},
        {id:"99",text:"AA AA",leaf:true},
        {id:"96",text:"AA AA",leaf:true},
        {id:"100",text:"AA AA",leaf:true},
        {id:"97",text:"AA AA",leaf:true}]
    }],
}]

我的树：

{
    xtype: 'treepanel',
    id: 'TreePersonne',
    store: 'TreePersonne',
    viewConfig: {
    }
}

Answer 1

试试下面的json。子类还具有扩展的属性。

[{
    id:"A",
    text:"A",
    expanded:true,
    children:[
    {
        id:"101",text:"AA AA",leaf:true, expanded:true},
        {id:"98",text:"AA AA",leaf:true, expanded:true},
        {id:"86",text:"AA AA",leaf:true, expanded:true},
        {id:"99",text:"AA AA",leaf:true, expanded:true},
        {id:"96",text:"AA AA",leaf:true, expanded:true},
        {id:"100",text:"AA AA",leaf:true, expanded:true},
        {id:"97",text:"AA AA",leaf:true, expanded:true}]
    }],
}]

或者，您也可以在面板加载后展开子组件，如：

YOUR_TREE_PANEL.expandChildren(true);