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 相关文章推荐
Maps Javascript
Jan 22 Javascript
jQuery 行级解析读取XML文件(附源码)
Oct 12 Javascript
ExtJS[Desktop]实现图标换行示例代码
Nov 17 Javascript
轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮
Nov 30 Javascript
纯js代码实现简单计算器
Dec 02 Javascript
Bootstrap实现下拉菜单效果
Apr 29 Javascript
详解如何在Angular中快速定位DOM元素
May 17 Javascript
vue 请求后台数据的实例代码
Jun 22 Javascript
AngularJS实现的生成随机数与猜数字大小功能示例
Dec 25 Javascript
vue中的router-view组件的使用教程
Oct 23 Javascript
vue回到顶部监听滚动事件详解
Aug 02 Javascript
javascript实现前端input密码输入强度验证
Jun 24 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
用在PHP里的JS打印函数
2006/10/09 PHP
php正则表达式使用的详细介绍
2013/04/27 PHP
深入PHP FTP类的详解
2013/06/13 PHP
PHP的魔术常量__METHOD__简介
2014/07/08 PHP
PHP比你想象的好得多
2014/11/27 PHP
PHP超全局数组(Superglobals)介绍
2015/07/01 PHP
PHP通过GD库实现验证码功能示例
2019/02/23 PHP
php生成短网址/短链接原理和用法实例分析
2020/05/29 PHP
JS限制上传图片大小不使用控件在本地实现
2012/12/19 Javascript
select标签模拟/美化方法采用JS外挂式插件
2013/04/01 Javascript
HTML页面滚动时获取离页面顶部的距离2种实现方法
2013/09/05 Javascript
使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法
2014/04/15 Javascript
JQuery鼠标移到小图显示大图效果的方法
2015/06/10 Javascript
Js+Ajax,Get和Post在使用上的区别小结
2016/06/08 Javascript
详解Javascript函数声明与递归调用
2016/10/22 Javascript
jquery mobile移动端幻灯片滑动切换效果
2020/04/15 Javascript
基于vue2框架的机器人自动回复mini-project实例代码
2017/06/13 Javascript
Vue.js实例方法之生命周期详解
2017/07/03 Javascript
node.js操作MongoDB的实例详解
2017/10/11 Javascript
利用vue和element-ui设置表格内容分页的实例
2018/03/02 Javascript
Element UI 自定义正则表达式验证方法
2018/09/04 Javascript
Vue中 v-if 和v-else-if页面加载出现闪现的问题及解决方法
2018/10/12 Javascript
详解小程序中h5页面onShow实现及跨页面通信方案
2019/05/30 Javascript
详解vue 命名视图
2019/08/14 Javascript
在nuxt中使用路由重定向的实例
2020/11/06 Javascript
教你一步步利用python实现贪吃蛇游戏
2019/06/27 Python
python+selenium自动化实战携带cookies模拟登陆微博
2021/01/19 Python
html5与css3小应用
2013/04/03 HTML / CSS
世界首屈一指的钓鱼用品商店:TackleDirect
2016/07/26 全球购物
J2EE模式面试题
2016/10/11 面试题
电子商务专业自我鉴定
2013/12/18 职场文书
文明美德伴我成长演讲稿
2014/05/12 职场文书
实习单位指导教师评语
2014/12/30 职场文书
销售开票员岗位职责
2015/04/15 职场文书
2015年行风建设工作总结
2015/05/15 职场文书
mysql insert 存在即不插入语法说明
2022/03/25 MySQL