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中的变量使用说明
May 18 Javascript
使用javascript为网页增加夜间模式
Jan 26 Javascript
javascript实现在网页任意处点左键弹出隐藏菜单的方法
May 13 Javascript
jQuery选择器基础入门教程
May 10 Javascript
Html中 IFrame的用法及注意点
Dec 22 Javascript
require.js与bootstrap结合实现简单的页面登录和页面跳转功能
May 12 Javascript
jQuery选择器_动力节点Java学院整理
Jul 05 jQuery
Node做中转服务器转发接口
Oct 18 Javascript
js序列化和反序列化的使用讲解
Jan 19 Javascript
JS字符串与二进制的相互转化实例代码详解
Jun 28 Javascript
js实现幻灯片轮播图
Aug 14 Javascript
Openlayers学习之地图比例尺控件
Sep 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 Uchome ajaxpost小技巧
2011/01/04 PHP
解析用PHP读写音频文件信息的详解(支持WMA和MP3)
2013/05/10 PHP
php数组转换js数组操作及json_encode的用法详解
2013/10/26 PHP
PHP变量的定义、可变变量、变量引用、销毁方法
2013/12/20 PHP
PHP实现通过中文字符比率来判断垃圾评论的方法
2014/10/20 PHP
js中的异常处理try...catch使用介绍
2013/09/21 Javascript
如何让一个json文件显示在表格里【实现代码】
2016/05/09 Javascript
Javascript自执行匿名函数(function() { })()的原理浅析
2016/05/15 Javascript
Jquery AJAX POST与GET之间的区别详细介绍
2016/10/17 Javascript
jQuery无刷新上传之uploadify简单代码
2017/01/17 Javascript
vue之数据交互实例代码
2017/06/16 Javascript
在webstorm开发微信小程序之使用阿里自定义字体图标的方法
2018/11/15 Javascript
JavaScript switch语句使用方法简介
2019/12/30 Javascript
Node.js API详解之 module模块用法实例分析
2020/05/13 Javascript
Antd-vue Table组件添加Click事件,实现点击某行数据教程
2020/11/17 Javascript
详解Python中类的定义与使用
2017/04/11 Python
python中int与str互转方法
2018/07/02 Python
Django框架实现逆向解析url的方法
2018/07/04 Python
机器学习之KNN算法原理及Python实现方法详解
2018/07/09 Python
python3模拟实现xshell远程执行liunx命令的方法
2019/07/12 Python
解析python实现Lasso回归
2019/09/11 Python
tornado+celery的简单使用详解
2019/12/21 Python
后端开发使用pycharm的技巧(推荐)
2020/03/27 Python
python爬虫beautifulsoup库使用操作教程全解(python爬虫基础入门)
2021/02/19 Python
Html5实现二维码扫描并解析
2016/01/20 HTML / CSS
Feelunique美国:欧洲大型的在线美妆零售电商
2018/11/04 全球购物
法律专业自我鉴定
2013/10/03 职场文书
绿色家庭事迹材料
2014/05/01 职场文书
银行委托书范本
2014/09/28 职场文书
解除处分决定书
2015/06/25 职场文书
红白喜事主持词
2015/07/06 职场文书
《田忌赛马》教学反思
2016/02/19 职场文书
2019年自助餐厅创业计划书模板
2019/08/22 职场文书
css3 利用transform-origin 实现圆点分布在大圆上布局及旋转特效
2021/04/29 HTML / CSS
NGINX 权限控制文件预览和下载的实现原理
2022/01/18 Servers
python单向链表实例详解
2022/05/25 Python