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 相关文章推荐
表单提交时自动复制内容到剪贴板的js代码
Mar 16 Javascript
删除节点的jquery代码
Jan 13 Javascript
Firefox中使用outerHTML的2种解决方法
Jun 07 Javascript
使用C++为node.js写扩展模块
Apr 22 Javascript
清除js缓存的多种方法总结
Dec 09 Javascript
javaScript基础详解
Jan 19 Javascript
微信小程序实现移动端滑动分页效果(ajax)
Jun 13 Javascript
ReactNative中使用Redux架构总结
Dec 15 Javascript
Vue.js+Layer表格数据绑定与实现更新的实例
Mar 07 Javascript
vue 中Virtual Dom被创建的方法
Apr 15 Javascript
vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)
May 10 Javascript
jquery选择器和属性对象的操作实例分析
Jan 10 jQuery
理运用命名空间让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程序之die调试法 快速解决错误
2009/09/17 PHP
如何用PHP来实现一个动态Web服务器
2015/07/29 PHP
Javascript 日期对象Date扩展方法
2009/05/30 Javascript
javascript模拟select,jselect的方法实现
2012/11/08 Javascript
jquery实现textarea输入框限制字数的方法
2015/01/15 Javascript
php结合imgareaselect实现图片裁剪
2015/07/05 Javascript
jquery解析json格式数据的方法(对象、字符串)
2015/11/24 Javascript
JavaScript实现页面跳转的几种常用方式
2015/11/28 Javascript
如何使用Vuex+Vue.js构建单页应用
2016/10/27 Javascript
JS扩展类,克隆对象与混合类实例分析
2016/11/26 Javascript
微信小程序 定位到当前城市实现实例代码
2017/02/23 Javascript
easyui-edatagrid.js实现回车键结束编辑功能的实例
2017/04/12 Javascript
详解vue中的computed的this指向问题
2018/12/05 Javascript
webpack 如何同时输出压缩和未压缩的文件的实现步骤
2020/06/05 Javascript
js面试题之异步问题的深入理解
2020/09/20 Javascript
Python selenium 三种等待方式详解(必会)
2016/09/15 Python
python flask实现分页效果
2017/06/27 Python
Python编程实现双链表,栈,队列及二叉树的方法示例
2017/11/01 Python
Python 经典面试题 21 道【不可错过】
2018/09/21 Python
python中实现控制小数点位数的方法
2019/01/24 Python
用python写一个定时提醒程序的实现代码
2019/07/22 Python
python隐藏类中属性的3种实现方法
2019/12/19 Python
如何使用Python破解ZIP或RAR压缩文件密码
2020/01/09 Python
css3中flex布局宽度不生效的解决
2020/12/09 HTML / CSS
Lookfantastic挪威官网:英国知名美妆购物网站
2017/07/26 全球购物
FC-Moto瑞典:欧洲最大的摩托车服装和头盔商店之一
2018/11/27 全球购物
LACOSTE波兰官网:Polo衫、服装和鞋类
2020/09/29 全球购物
为数据库创建索引都需要注意些什么
2012/07/17 面试题
工商管理本科毕业生求职信范文
2013/10/05 职场文书
测绘工程本科生求职信
2013/10/10 职场文书
教师考察材料范文
2014/06/03 职场文书
大学生军训自我鉴定范文
2014/09/18 职场文书
四查四看整改措施
2014/09/19 职场文书
护士自我推荐信范文
2015/03/24 职场文书
nginx对http请求处理的各个阶段详析
2021/03/31 Servers
Tomcat项目启动失败的原因和解决办法
2022/04/20 Servers