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面向对象编程
Mar 04 Javascript
dwz 如何去掉ajaxloading具体代码
May 22 Javascript
js 调用百度地图api并在地图上进行打点添加标注
May 13 Javascript
Javascript模拟加速运动与减速运动代码分享
Dec 11 Javascript
浅谈JavaScript Array对象
Dec 29 Javascript
JS实现自动固定顶部的悬浮菜单栏效果
Sep 16 Javascript
javascript每日必学之基础入门
Feb 16 Javascript
javascript单页面手势滑屏切换原理详解
Mar 21 Javascript
Bootstrap响应式表格详解
May 23 Javascript
微信小程序富文本渲染引擎的详解
Sep 30 Javascript
Vue移动端右滑屏幕返回上一页附源码下载
Jun 26 Javascript
微信小程序语音同步智能识别的实现案例代码解析
May 29 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
德劲1102收音机的打理维修案例
2021/03/02 无线电
PHP如何利用P3P实现跨域
2013/08/24 PHP
PHP钩子与简单分发方式实例分析
2017/09/04 PHP
HR vs CL BO3 第二场 2.13
2021/03/10 DOTA
javascript的函数
2007/01/31 Javascript
JavaScript的变量作用域深入理解
2009/10/25 Javascript
基于dom编程中 动态创建与删除元素的使用
2013/04/17 Javascript
对Jquery中的ajax再封装,简化操作示例
2014/02/12 Javascript
对 jQuery 中 data 方法的误解分析
2014/06/18 Javascript
IE中getElementsByName()对有些元素无效的解决方案
2014/09/28 Javascript
JavaScript中isPrototypeOf函数作用和使用实例
2015/06/01 Javascript
前端面试题及答案整理(二)
2016/08/26 Javascript
div实现自适应高度的textarea实现angular双向绑定
2017/01/08 Javascript
限时抢购-倒计时的完整实例(分享)
2017/09/17 Javascript
Swiper 4.x 使用方法(移动端网站的内容触摸滑动)
2018/05/17 Javascript
vue移动端下拉刷新和上拉加载的实现代码
2018/09/08 Javascript
webpack4+express+mongodb+vue实现增删改查的示例
2018/11/08 Javascript
Vue中img的src是动态渲染时不显示的解决
2019/11/14 Javascript
JS实现滑动拼图验证功能完整示例
2020/03/29 Javascript
js实现批量删除功能
2020/08/27 Javascript
原生js实现表格翻页和跳转
2020/09/29 Javascript
NodeJS开发人员常见五个错误理解
2020/10/14 NodeJs
Node快速切换版本、版本回退(降级)、版本更新(升级)
2021/01/07 Javascript
python实现基于两张图片生成圆角图标效果的方法
2015/03/26 Python
python 文件操作api(文件操作函数)
2016/08/28 Python
python 读写txt文件 json文件的实现方法
2016/10/22 Python
使用pyhon绘图比较两个手机屏幕大小(实例代码)
2020/01/03 Python
Python批量启动多线程代码实例
2020/02/18 Python
CSS3实现多背景展示效果通过CSS3定位多张背景
2014/08/10 HTML / CSS
德国玩具商店:Planet Happy DE
2021/01/16 全球购物
银行会计职员个人的自我评价
2013/09/29 职场文书
如何写自我鉴定
2014/03/19 职场文书
小班幼儿评语大全
2014/04/30 职场文书
2016年秋季开学典礼新闻稿
2015/11/25 职场文书
redis数据一致性的实现示例
2022/03/18 Redis
Python requests用法和django后台处理详解
2022/03/19 Python