extjs每个组件要设置唯一的ID否则会出错


Posted in Javascript onJune 15, 2014

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重复问题

Javascript 相关文章推荐
原创javascript小游戏实现代码
Aug 19 Javascript
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二
Dec 31 Javascript
jQuery中closest()函数用法实例
Jan 07 Javascript
JavaScript中this详解
Sep 01 Javascript
详解JavaScript中常用的函数类型
Nov 18 Javascript
JavaScript的removeChild()函数用法详解
Dec 27 Javascript
JavaScript面试开发常用的知识点总结
Aug 08 Javascript
Javascript 获取鼠标当前的位置实现方法
Oct 27 Javascript
深入理解jQuery()方法的构建原理
Dec 05 Javascript
利用node.js如何创建子进程详解
Dec 09 Javascript
Vue插槽原理与用法详解
Mar 05 Javascript
JS开发常用工具函数(小结)
Jul 04 Javascript
理运用命名空间让js不产生冲突避免全局变量的泛滥
Jun 15 #Javascript
jQuery获取动态生成的元素示例
Jun 15 #Javascript
jquery 实现input输入什么div图层显示什么
Jun 15 #Javascript
jQuery实现table隔行换色和鼠标经过变色的两种方法
Jun 15 #Javascript
jQuery 过滤方法filter()选择具有特殊属性的元素
Jun 15 #Javascript
Javascript实现简单二级下拉菜单实例
Jun 15 #Javascript
jQuery $.extend()用法总结
Jun 15 #Javascript
You might like
php5.3 废弃函数小结
2010/05/16 PHP
php数据库密码的找回的步骤
2011/01/12 PHP
解析:通过php socket并借助telnet实现简单的聊天程序
2013/06/18 PHP
PHP cdata 处理(详细介绍)
2013/07/05 PHP
php实现在线生成条形码示例分享(条形码生成器)
2013/12/30 PHP
Windows下的PHP安装文件线程安全和非线程安全的区别
2014/04/23 PHP
php实现文件预览功能
2017/05/23 PHP
JavaScript基本对象
2007/01/11 Javascript
一个用javascript写的select支持上下键、首字母筛选以及回车取值的功能
2009/09/09 Javascript
php对mongodb的扩展(小试牛刀)
2012/11/11 Javascript
js获取css的各种样式并且设置他们的方法
2017/08/22 Javascript
AngularJS中controller控制器继承的使用方法
2017/11/03 Javascript
js判断文件类型大小并给出提示的实现方法
2018/01/03 Javascript
vue 下列表侧滑操作实例代码详解
2018/07/24 Javascript
[03:27]《辉夜杯》线下训练营 导师CU和海涛指点迷津
2015/10/23 DOTA
[59:35]DOTA2-DPC中国联赛定级赛 Aster vs DLG BO3第一场 1月8日
2021/03/11 DOTA
Python实现从百度API获取天气的方法
2015/03/11 Python
详解Python的迭代器、生成器以及相关的itertools包
2015/04/02 Python
Python下载懒人图库JavaScript特效
2015/05/28 Python
Python采用Django开发自己的博客系统
2020/09/29 Python
聊聊Python中的pypy
2018/01/12 Python
python实现QQ邮箱/163邮箱的邮件发送
2019/01/22 Python
python实现socket+threading处理多连接的方法
2019/07/23 Python
python字典的setdefault的巧妙用法
2019/08/07 Python
Pycharm生成可执行文件.exe的实现方法
2020/06/02 Python
解决python3输入的坑——input()
2020/12/05 Python
Wiggle中国:英国骑行、跑步、游泳 & 铁三运动装备专卖网店
2016/08/02 全球购物
罗德与泰勒百货官网:Lord & Taylor
2016/08/12 全球购物
类和结构的区别
2012/08/15 面试题
学校元旦晚会方案
2014/02/19 职场文书
高中军训感想300字
2014/03/04 职场文书
行政人事岗位职责
2014/03/17 职场文书
补充协议书
2015/01/28 职场文书
教师教育心得体会
2016/01/19 职场文书
spring cloud gateway中如何读取请求参数
2021/07/15 Java/Android
8个JS的reduce使用实例和reduce操作方式
2021/10/05 Javascript