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的一句话搞定手风琴菜单
Sep 14 Javascript
jQuery如何将选中的对象转化为原始的DOM对象
Jun 09 Javascript
再谈JavaScript线程
Jul 10 Javascript
谈谈JavaScript自定义回调函数
Oct 18 Javascript
基于javascript实现简单计算器功能
Jan 03 Javascript
DWR中各种java方法的调用
May 04 Javascript
ES6学习之变量的解构赋值
Feb 12 Javascript
jQuery插件HighCharts绘制2D圆环图效果示例【附demo源码下载】
Mar 09 Javascript
AngularJS全局警告框实现方法示例
May 18 Javascript
vue.js删除动态绑定的radio的指定项
Jun 02 Javascript
vue+vuex+axios实现登录、注册页权限拦截
Mar 09 Javascript
使用Angular CLI生成 Angular 5项目教程详解
Mar 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
通过PHP简单实例介绍文件上传
2015/12/16 PHP
PHP错误处理函数
2016/04/03 PHP
网站被恶意镜像怎么办 php一段代码轻松搞定(全面版)
2018/10/23 PHP
获取网站跟路径的javascript代码(站点及虚拟目录)
2009/10/20 Javascript
javascript中获取下个月一号,是星期几
2012/06/01 Javascript
关于JavaScript与HTML的交互事件
2013/04/12 Javascript
JavaScript 上万关键字瞬间匹配实现代码
2013/07/07 Javascript
jQuery插件 selectToSelect使用方法
2013/10/02 Javascript
jquery实现模拟百分比进度条渐变效果代码
2015/10/29 Javascript
Bootstrap栅格系统学习笔记
2016/11/25 Javascript
jquery 判断div show的状态实例
2016/12/03 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(2)
2017/02/20 Javascript
angular中不同的组件间传值与通信的方法
2017/11/04 Javascript
谈谈vue中mixin的一点理解
2017/12/12 Javascript
VUEJS 2.0 子组件访问/调用父组件的实例
2018/02/10 Javascript
jQuery实现的手动拖动控制进度条效果示例【测试可用】
2018/04/18 jQuery
详解如何给React-Router添加路由页面切换时的过渡动画
2019/04/25 Javascript
js 使用ajax设置和获取自定义header信息的方法小结
2020/03/12 Javascript
vue实现短信验证码输入框
2020/04/17 Javascript
jQuery实现的分页插件完整示例
2020/05/26 jQuery
Python 获取当前所在目录的方法详解
2017/08/02 Python
python中 logging的使用详解
2017/10/25 Python
Django rest framework实现分页的示例
2018/05/24 Python
PYTHON发送邮件YAGMAIL的简单实现解析
2019/10/28 Python
Centos7下源码安装Python3 及shell 脚本自动安装Python3的教程
2020/03/07 Python
python实现飞船大战
2020/04/24 Python
抽象方法、抽象类怎样声明
2014/10/25 面试题
大学自荐信
2013/12/12 职场文书
捐助倡议书范文
2014/04/15 职场文书
借款担保书范文
2014/05/13 职场文书
奉献演讲稿范文
2014/05/21 职场文书
新农村建设汇报材料
2014/08/15 职场文书
颐和园英文导游词
2015/01/30 职场文书
故意杀人罪辩护词
2015/05/21 职场文书
彻底弄懂Python中的回调函数(callback)
2022/06/25 Python
Zabbix对Kafka topic积压数据监控的问题(bug优化)
2022/07/07 Servers