为什么选择TreePanel节点和IE bug？

Question

我用TreePanel开发了一个应用程序。我在IE上有一个奇怪的行为(在IE 7，8上测试)。

当我单击一个节点时，屏幕在屏幕的中心移动。就像它在我的页面上有一个锚一样...！

我的TreePanel是这样定义的：

            var monPretree = Ext.create('Ext.tree.Panel',{
            id : 'treepanel',
            title : 'Tree Tasks',
            width : 500,
            animate : false,
            activeItem : 1,
            useArrows : true,
            autoScroll : true,
            singleExpand : false,
            store : monPrestore,
            enableDD : true,
            rootVisible : false,

            viewConfig : {
                plugins : {
                    ptype: 'treeviewdragdrop'


                }

            },

我不知道我在哪里能找到解决方案。也许有人曾经遇到过同样的问题？

那么，为了解决我的问题，我想如果可以禁用折叠节点？让treePanel总是展开并禁止可折叠模式?！

非常感谢!

Answer 1

有几种方法可以禁止节点扩展。最直接的方法是使它成为叶子，从而不允许它有孩子，并使扩展变得不可能。大多数情况下，这是在服务器端完成的。在为树重新调优JSON时，您只需向每个不应该展开/打开的节点添加一个属性leaf:true。

[
   {
      "id":"1",
      "name":"Node ONE",
      "leaf":true
   },
   {
      "id":"2",
      "name":"Node TWO",
      "leaf":true
   },
   {
      "id":"3",
      "name":"Node THREE",
      "leaf":true
   }
]

实现这一点的另一种方法是将展开状态设置为true，并且不向节点添加子节点，也是在服务器端。

[
   {
      "id":"1",
      "name":"Node ONE",
      "expanded":true,
      "children":[]
   },
   {
      "id":"2",
      "name":"Node TWO",
      "expanded":true,
      "children":[]
   },
   {
      "id":"3",
      "name":"Node THREE",
      "expanded":true,
      "children":[]
   }
]