问题描述
我左边是一颗tree，右边是TabPanel。当点击一个结点 A，autoload一个页面 A.jsp 在TabPanel中。再点击另一个结点 B，autoload另一个页面 B.jsp 在TabPanel中。这时就存在问题了，如果我 A 页面和 B 页面同时存在 <div id="tree"></div>，那么，如果我先点击结点 A，页面 A.jsp 正常显示，再结点 B，页面 B.jsp 不能显示，反之相反。如果将 B 页面的 <div id="tree"></div>，改为<div id="tree1"></div>，就能是正常的。我知道 id 是唯一的，不能相同。但 A.jsp 和 B.jsp 是TabPanel 中两个不同的页面，为什么是存在这个问题？希望大家帮忙！！谢了！ 问题补充：那样会不会还存在一个问题：如果A.jsp里有一个组件的id号与B.jsp里的另一个组件的id号是一致的，也会出现类似的问题。所以我想问下，有没有可以解决的办法？谢谢！
解决方案
如果采用A.jsp中这种定义一个<div id>---这个地方的id是必须要写的，但是一定要唯一，不然显示会有冲突，而且A.jsp不能在浏览器重同时被载入两次，这里说的意思是在下一次载入A.jsp之前先前的A.jsp所在的页面必须先remove掉。不知道你是否明白，还是那句话就是为了避免dom节点id冲突。Ext组件的id不设定的话是ext渲染的时候自动生成的，一般都是什么 ext-com-1321之类的字符串，不用去管这些。你要这个Ext组件，有两种方式：1、该组件已经设定了Id时，使用Ext.getCmp(组件id)---（不建议使用）2、没有设定id时， 将这个组件的引用传递给你需要使用的他的对象中去。如 var panel1 = new Ext.Panel();你可以将这个panel传递给你要用它的对象，如 var panel2 = new Ext.MyPanel({panel1 : panel1});MyPanel定义如下，是一个继承Ext.Panel的一个自定义panel组件。我们组开发写ext代码的一个规范格式，送给你参考一下。MyPanel = function(config){Ext.apply(this,config);//将config中的属性赋值给MyPanel你现在就可以在这个panel中通过 this.panel1 来操作panel1了；MyPanel.supperclass.constructor.call(this,{*一些配置与定义*});}Ext.extend(MyPanel,Ext.Panel,,{*一些配置与定义*});
解决方案二：
不知道你说的组件的id是不是ext组件中设定的id，若是，则渲染的时候，后来者将顶替前面组件的实现，会造成显示不正常，归根结底还是dom节点的id冲突。解决办法是，A.jsp,B.jsp中的div 节点id不要定义的一样，然后Ext组件尽量不要使用id属性，id由ext渲染的时候自动生成，除非你在其他地方需要使用Ext.getCmp(组件Id)来获取该组件，这时可以使用id，但个个组件的id要设定为不同的值，这是要严格控制的。最好的方式就是不要设定组件的id，由ext随机取生成id。
解决方案三：
你是用tabpanel autoload一个jsp页面，这种方式的底层效果应该是这样的，首先在tabpanel的body节点下先附加上你jsp页面中写的那个节点，再把jsp写的ext组件渲染到那个节点上。如你上面的例子：生成的节点应该为：<x-tabPanel> <x-panel-head></x-panel-head> <x-panel-body> <div id="tree"> jsp中写的ext组件在这一层开始生成dom节点 </div> </x-panel-body></x-tabPanel>大致就是这么一个意思。所以当点A后生成了A页面，也就是id为tree的dom节点已经生成，再点B的时候又要去生成一个id为tree的dom节点这是就有问题了。同时给你一个解决方案，jsp_A 定义 <div id="tree_A"></div>，jsp_B 定义 <div id="tree_B"></div>，点击 A节点， var panelA = new Ext.Panel({ xx属性：xx值， autoload ： { url ： A.jsp， script：true//加载该页面后执行该页面中的js代码。 }})tabPanel.add(panelA );panelA .doLayout();同理点击B节点时也是这么做。同时你应该注意一下tabPanel和Panel的用法，从这个问题中感觉到你对tabPanel的使用好像理解的不是很正确，tabPanel是一个可以添加多标签页的容器。希望能对你有所帮助。