extjs每一个组件要设置唯一的ID

时间:2022-06-11 15:02:01

extjs每一个组件要设置唯一的ID,否则会造成各种错误

EXTJS基本上是靠ID来识别组件的,假如你在panel1中有个ID:"keyword"的textfield,而panel2中有个ID同样的textfield ,那么,当你关闭panel2,因为extjs发现panel2中的ID:"keyword"组件在panel1中仍然使用中,是不会销毁掉它的,于是它成为一个孤立的对象,从而造成混乱。

不管怎样,你得时刻记着,不论什么时候,必须确保对象ID是唯一的。这有两个做法:

1,不给对象指定ID,然后使用组件的find方法通过其它属性来查找对象,比如find("name","role"),结果产生一个array,当然,你的属性是唯一的,那你就能够用find("name","role")[0]这样的形式引用组件。

2,你也能够用父组件ID+子组件ID的形式来指定子组件,这种方法更好,而且extjs内部就是这么做,子组件的ID变成了:this.id+"_role",注意,这里的this是指父组件。在实例时,因为父组件的ID指定的一定是唯一的,所以,即便实例了两次同一个组件,两个实例的子组件却拥有唯一ID。从而能够非常好的处理ID反复问题