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 相关文章推荐
jQuery动画效果animate和scrollTop结合使用实例
Apr 02 Javascript
自己使用jquery写的一个无缝滚动的插件
Apr 30 Javascript
jQuery中DOM操作实例分析
Jan 23 Javascript
JS随机洗牌算法之数组随机排序
Mar 23 Javascript
Vue.js基础知识小结
Jan 13 Javascript
JavaScript面向对象精要(上部)
Sep 12 Javascript
微信小程序之滚动视图容器的实现方法
Sep 26 Javascript
vue生成token并保存到本地存储中
Jul 17 Javascript
深入了解JavaScript 私有化
May 30 Javascript
基于jquery实现的tab选项卡功能示例【附源码下载】
Jun 10 jQuery
微信小程序实现签字功能
Dec 23 Javascript
Javascript类型判断相关例题及解析
Aug 26 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判断变量是否为0的方法
2014/02/08 PHP
php如何获取文件的扩展名
2015/10/28 PHP
jquery的Tooltip插件 qtip使用详细说明
2010/09/08 Javascript
可在线编辑网页文字效果代码(单击)
2013/03/02 Javascript
Bootstrap学习笔记之css组件(3)
2016/06/07 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(三)
2016/09/14 Javascript
基于jQuery实现简单人工智能聊天室
2017/02/10 Javascript
简述vue状态管理模式之vuex
2018/08/29 Javascript
微信小程序实现购物车小功能
2020/12/30 Javascript
go语言计算两个时间的时间差方法
2015/03/13 Python
Python中使用不同编码读写txt文件详解
2015/05/28 Python
python学习笔记之调用eval函数出现invalid syntax错误问题
2015/10/18 Python
快速入门python学习笔记
2017/12/06 Python
详解python执行shell脚本创建用户及相关操作
2019/04/11 Python
Python符号计算之实现函数极限的方法
2019/07/15 Python
django中media媒体路径设置的步骤
2019/11/15 Python
Pytorch释放显存占用方式
2020/01/13 Python
如何将PySpark导入Python的放实现(2种)
2020/04/26 Python
Melissa香港官网:MDreams
2016/07/01 全球购物
耐克美国官网:Nike.com
2016/08/01 全球购物
欧洲最大的婴幼儿服装及内衣公司:Petit Bateau(小帆船)
2016/08/16 全球购物
美国一家著名的儿童鞋制造商:Stride Rite
2017/01/02 全球购物
Looking4Parking美国:全球排名第一的机场停车比较品牌
2019/08/26 全球购物
Java基础知识面试题
2014/03/25 面试题
优秀学生党员先进事迹材料
2014/05/29 职场文书
纪检干部现实表现材料
2014/08/21 职场文书
企业年检委托书范本
2014/10/14 职场文书
2014年党总支工作总结
2014/12/18 职场文书
教代会闭幕词
2015/01/28 职场文书
扬州个园导游词
2015/02/06 职场文书
从严治党主题教育活动总结
2015/05/07 职场文书
入党转正申请报告
2015/05/15 职场文书
百万英镑观后感
2015/06/09 职场文书
2015年高三毕业班班主任工作总结
2015/10/22 职场文书
python中pandas对多列进行分组统计的实现
2021/06/18 Python
gtx1650怎么样 gtx1650显卡相当于什么级别
2022/04/08 数码科技