expandAll methd for partially expanded tree

[xiangying.su@lmco.com]

It looks like the expandAll() method does not work when a tree in a Ext.tree.Panel is partially expanded already. We are using EXTJS v4.0.7. Is this an issue in v4.0.7? How about if we upgrade it to the newest v4.1.1?

[sword-it]

Hi,

Try following code its working fine at my end in Extjs4.x

var store = Ext.create('Ext.data.TreeStore', {
    root: {
        expanded: true,
        children: [
            { text: "detention", leaf: true },
            { text: "homework", children: [
                { text: "book report", leaf: true },
                { text: "alegrbra", leaf: true}
            ] },
            { text: "homework", children: [
                { text: "book report", leaf: true },
                { text: "alegrbra", leaf: true}
            ] },
            { text: "buy lottery tickets", leaf: true }
        ]
    }
});


Ext.create('Ext.tree.Panel', {
    title: 'Simple Tree',
    width: 200,
    height: 150,
    store: store,
    rootVisible: false,
    tbar: [
        { xtype: 'button', text: 'Button 1', handler:function(btn){
            btn.ownerCt.ownerCt.expandAll();
        } }
     ],
    renderTo: Ext.getBody()
});

[xiangying.su@lmco.com]

Thank you sword-it for your test code. Your store works in my end, too. However, when I added two childern under the "algebra" (algebra I & II) then they cannot be expanded in a partially expanded tree.

So it looks this is an issue if the tree store has multi-layer of children (grandchildren of grandchildren).

Below is my store merely with algebra I & II added:

var store = Ext.create('Ext.data.TreeStore', {
root: {
expanded: true,
children: [
{ text: "detention", leaf: true },
{ text: "homework", children: [
{ text: "book report", leaf: true },
{ text: "alegrbra", children: [
{ text: "algebra I", leaf: true },
{ text: "algebra II", leaf: true }
]}
] },
{ text: "homework", children: [
{ text: "book report", leaf: true },
{ text: "alegrbra", leaf: true}
] },
{ text: "buy lottery tickets", leaf: true }
]
}
});