Tree Error in ExtJS 4.2-beta

[Brainenjii]

Ext.widget("window", {    autoShow: true,
    width: 320,
    height: 120,
    layout: "fit",
    items: [{
        xtype: "treepanel",
        rootVisible: false,
        store: Ext.create("Ext.data.TreeStore", {
            root: {
                children: [{
                    "checked": false,
                    "text": "1",
                    "expanded": true,
                    "children": [{
                        "text": "1.1",
                        "expanded": true,
                        "children": [{
                            "text": "1.1.1"
                        }, {
                            "text": "1.1.2"
                        }, {
                            "text": "1.1.3"
                        }]
                    }, {
                        "text": "1.2",
                        "expanded": true,
                        "children": [{
                            "text": "1.2.1"
                        }, {
                            "text": "1.2.2"
                        }, {
                            "text": "1.2.3"
                        }]
                    }]
                }, {
                    "text": "2",
                    "children": [{
                        "text": "2.1",
                        "children": [{
                            "text": "2.1.1"
                        }, {
                            "text": "2.1.2"
                        }, {
                            "text": "2.1.3"
                        }]
                    }]
                }],
                expanded: true
            }
        }),
        listeners: {
            checkchange: function (node, checked) {
                var i;
                node.removeAll();
            }
        }
    }]
});

When check first node - disappear second node too in chome and firefox.

[Animal]

Thanks for the report! I have opened a bug in our bug tracker.

[Animal]

Is this not just your checkchange listener removing all child nodes from any node which has its checked status changed?

[Brainenjii]

chrome debugger enter in this handler for only one time. If I'll sort store - disappeared nodes showed up.
And on 4.1.1 this code works flawless

[Animal]

I can't understand you.

You have a checked handler which removes the nodes. So that's why they disappear.

What is this new information about sorting?

[Brainenjii]

if I call tree.getStore().sort("text") /* or any other column */ in some cases it show disappeared nodes. But anyway it don't works fine - some nodes can doubles, on again sort trying it throw exception... I can't found workaround for some hours :-(

[Animal]

I think this is a bug which is fixed, but the code is unreleased.

It works here, so in the GA, I think you will be fine.

[Brainenjii]

thx a lot. Сan you make me happy told when it will come about? :-)

[Animal]

Very soon!

[Brainenjii]

same error in ExtJS 4.2.0-gpl:

Ext.widget("window", {
  autoShow: true,
  width: 320,
  height: 240,
  layout: "fit",
  items: [{
    xtype: "treepanel",
    rootVisible: false,
    store: Ext.create("Ext.data.TreeStore", {
      root: {
        children: [{
          "checked": false,
          "text": "1",
          "expanded": true,
          "children": [{
            "text": "1.1",
            "expanded": true,
            "children": [{
              "text": "1.1.1"
            }, {
              "text": "1.1.2"
            }, {
              "text": "1.1.3"
            }]
          }, {
            "text": "1.2",
            "expanded": true,
            "children": [{
              "text": "1.2.1"
            }, {
              "text": "1.2.2"
            }, {
              "text": "1.2.3"
            }]
          }]
        }, {
          "text": "2",
          "children": [{
            "text": "2.1",
            "children": [{
              "text": "2.1.1"
            }, {
              "text": "2.1.2"
            }, {
              "text": "2.1.3"
            }]
          }]
        }],
        expanded: true
      }
    }),
    listeners: {
      checkchange: function (node, checked) {
        node.removeAll();
        node.appendChild({
          text: 1,
          expanded: true,
          children: [{
            text: 2,
            expanded: true,
            children: [{
              text: 3, //<- it will be hidden
              expanded: true,
              children: []
            }]
          }]
        });
      }
    }
  }]
});

Can be looked at jsfiddle: 8L2TA