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的cookie插件
Apr 07 Javascript
javascript模拟post提交隐藏地址栏的参数
Sep 03 Javascript
JS替换字符串中空格方法
Apr 17 Javascript
KnockoutJS 3.X API 第四章之数据控制流if绑定和ifnot绑定
Oct 10 Javascript
快速掌握jQuery插件WebUploader文件上传
Nov 07 Javascript
jQuery Ajax全解析
Feb 13 Javascript
JS去除字符串中空格的方法
Feb 14 Javascript
JS模拟实现ECMAScript5新增的数组方法
Mar 20 Javascript
JavaScript循环_动力节点Java学院整理
Jun 28 Javascript
vue里面父组件修改子组件样式的方法
Feb 03 Javascript
Vue项目实现换肤功能的一种方案分析
Aug 28 Javascript
vue-cli3 热更新配置操作
Sep 18 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
Linux下php5.4启动脚本
2014/08/03 PHP
Laravel 读取 config 下的数据方法
2019/10/13 PHP
List Installed Hot Fixes
2007/06/12 Javascript
通过 Dom 方法提高 innerHTML 性能
2008/03/26 Javascript
javascript获得CheckBoxList选中的数量
2009/10/27 Javascript
初识javascript 文档碎片
2010/07/13 Javascript
jQuery之浮动窗口实现代码(两种方法)
2010/09/08 Javascript
为超链接加上disabled后的故事
2010/12/10 Javascript
js中Image对象以及对其预加载处理示例
2013/11/20 Javascript
javascript弹出页面回传值的方法
2015/01/28 Javascript
Jquery Easyui自定义下拉框组件使用详解(21)
2020/12/31 Javascript
jQuery实现的监听导航滚动置顶状态功能示例
2018/07/23 jQuery
微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)
2018/08/22 Javascript
jQuery+vue.js实现的多选下拉列表功能示例
2019/01/15 jQuery
JS实现电脑虚拟键盘打字测试
2020/06/24 Javascript
python实现ip查询示例
2014/03/26 Python
详解Python中的__new__()方法的使用
2015/04/09 Python
Python利用IPython提高开发效率
2016/08/10 Python
Python实现的多叉树寻找最短路径算法示例
2018/07/30 Python
Python3简单实现串口通信的方法
2019/06/12 Python
python创建与遍历List二维列表的方法
2019/08/16 Python
Python基于network模块制作电影人物关系图
2020/06/19 Python
Python连接Impala实现步骤解析
2020/08/04 Python
如何查看python关键字
2021/01/17 Python
SQL里面如何插入自动增长序列号字段
2012/03/29 面试题
自我鉴定书面格式
2014/01/13 职场文书
会计电算化专业自荐信
2014/03/15 职场文书
学生请假条
2014/04/11 职场文书
销售团队激励口号
2014/06/06 职场文书
加强作风建设演讲稿
2014/10/24 职场文书
本科毕业论文致谢怎么写
2015/05/14 职场文书
导游词之徐州-云龙山
2019/09/29 职场文书
工作总结之小学教师体育工作范文(3篇)
2019/10/07 职场文书
导游词之阳朔遇龙河
2019/12/16 职场文书
Python中json.dumps()函数的使用解析
2021/05/17 Python
python解析照片拍摄时间进行图片整理
2022/07/23 Python