ExtJs4.1 切换节点以后显示不正常

[kiss66889835]

架构采用MVC模式，布局左边为tree,右边为hbox.

第一次点击树节点时显示没问题，返回点击时显示就不正常。我找了一下原因，就是右边PANEL如果还有create动态创建的组件时或者有复选框控件就会出现这种问题。

setActive: function (className, title) {


        var mainPanel = this.getMainPanel(),

            path, example, className;

        if (!title) {

            title = className.split('.').reverse()[0];

        }        document.title = document.title.split(' - ')[0] + ' - ' + title;

 

        //        //create the example


        example = Ext.create(className);

        mainPanel.removeAll();

        mainPanel.add(example);

    },

mainPanel.removeAll();没有删除mainPanel里的子组件。

第一次点击效果


选择几个以后点击其他节点，再点击本节点以后返回效果，复选框还勾着，说明页面没有被重新渲染

[kiss66889835]

哪位大虾帮忙看看呗~~~ 留个联系方式私下说也行~~~ 小弟先谢谢了

[未知数]

mainPanel.removeAll(); mainPanel.add(example); mainPanel.doLayout();//动态更新组件内容后需调用doLayout方法更新视图

[kiss66889835]

这个我试过，不行~~~ 查了一天资料了，好像说是VIEWPORT的BORDER布局下有BUG，子组件不会被删除。 所以返回点击节点的时候调用的还是上次那个视图~~~

[kiss66889835]

没人遇到这种情况吗~ 说明一下 不是BORDER的BUG， 就是删除的时候利用REMOVEALL，第二次点击返回的时候就会报错，我怀疑是PANEL利用CREATE动态创建的子组件产生的错误~~~