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实现的分页函数
Feb 07 Javascript
textarea的value是html文件源代码,存成html文件的代码
Apr 20 Javascript
js 小贴士一星期合集
Apr 07 Javascript
jQuery Deferred和Promise创建响应式应用程序详细介绍
Mar 05 Javascript
javascript中parseInt()函数的定义和用法分析
Dec 20 Javascript
JS实现点击文字对应DIV层不停闪动效果的方法
Mar 02 Javascript
详解百度百科目录导航树小插件
Jan 08 Javascript
jQuery层级选择器实例代码
Feb 06 Javascript
vue和react等项目中更简单的实现展开收起更多等效果示例
Feb 22 Javascript
详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子)
Jul 24 Javascript
使用electron将vue-cli项目打包成exe的方法
Sep 29 Javascript
JavaScript实现沿五角星形线摆动的小圆实例详解
Jul 28 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
Discuz 5.0 中读取纯真IP数据库函数分析
2007/03/16 PHP
ThinkPHP的L方法使用简介
2014/06/18 PHP
学习PHP的数组总结【经验】
2016/05/05 PHP
浅谈PHP的$_SERVER[SERVER_NAME]
2017/02/04 PHP
PHP时间函数使用详解
2019/03/21 PHP
JavaScript单元测试ABC
2012/04/12 Javascript
浏览器的JavaScript引擎的识别方法
2013/10/20 Javascript
js(jQuery)获取时间的方法及常用时间类搜集
2013/10/23 Javascript
jQuery .tmpl() 用法示例介绍
2014/08/21 Javascript
jQuery中contents()方法用法实例
2015/01/08 Javascript
JavaScript实现计算字符串中出现次数最多的字符和出现的次数
2015/03/12 Javascript
动态加载jQuery的方法
2015/06/16 Javascript
JavaScript encodeURI 和encodeURIComponent
2015/12/04 Javascript
JavaScript对象引用与赋值实例详解
2017/03/15 Javascript
jQuery 改变P标签文本值方法
2018/02/24 jQuery
setTimeout时间设置为0详细解析
2018/03/13 Javascript
微信小程序解除10个请求并发限制
2018/12/18 Javascript
js实现GIF图片的分解和合成
2019/10/24 Javascript
[06:59]DOTA2-DPC中国联赛3月7日Recap集锦
2021/03/11 DOTA
Python 中 Meta Classes详解
2016/02/13 Python
浅谈Python 的枚举 Enum
2017/06/12 Python
值得收藏,Python 开发中的高级技巧
2018/11/23 Python
python实现门限回归方式
2020/02/29 Python
Python操作MongoDb数据库流程详解
2020/03/05 Python
Python基于callable函数检测对象是否可被调用
2020/10/16 Python
CSS3制作漂亮的照片墙的实现代码
2016/06/08 HTML / CSS
英国可持续奢侈品包包品牌:Elvis & Kresse
2018/08/05 全球购物
业务员的岗位职责
2014/03/15 职场文书
10的分与合教学反思
2014/04/30 职场文书
个人评语大全
2014/05/04 职场文书
2014年大学生村官工作总结
2014/11/19 职场文书
2014年行风建设工作总结
2014/12/01 职场文书
新手,如何业余时间安排好写作、提高写作能力?
2019/10/21 职场文书
python 如何用map()函数创建多线程任务
2021/04/07 Python
javascript之Object.assign()的痛点分析
2022/03/03 Javascript
 Redis 串行生成顺序编码的方法实现
2022/04/03 Redis