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 相关文章推荐
解析offsetHeight,clientHeight,scrollHeight之间的区别
Nov 20 Javascript
jquery.Ajax()方法调用Asp.Net后台的方法解析
Feb 13 Javascript
js过滤特殊字符输入适合输入、粘贴、拖拽多种情况
Mar 22 Javascript
简介JavaScript中fixed()方法的使用
Jun 08 Javascript
轻松实现jquery选项卡切换效果
Oct 10 Javascript
详解javascript表单的Ajax提交插件的使用
Dec 29 Javascript
Vue2.X 通过AJAX动态更新数据
Jul 17 Javascript
详解js根据百度地图提供经纬度计算两点距离
May 13 Javascript
express + jwt + postMan验证实现持久化登录
Jun 05 Javascript
微信小程序image图片加载完成监听
Aug 31 Javascript
VUE 实现动态给对象增加属性,并触发视图更新操作示例
Nov 29 Javascript
Vue Router中应用中间件的方法
Aug 06 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函数
2008/10/03 PHP
php Smarty date_format [格式化时间日期]
2010/03/15 PHP
用php来改写404错误页让你的页面更友好
2013/01/24 PHP
PHP实现一个简单url路由功能实例
2016/11/05 PHP
Yii Framework框架使用PHPExcel组件的方法示例
2019/07/24 PHP
Package.js  现代化的JavaScript项目make工具
2012/05/23 Javascript
谈谈JavaScript中的函数与闭包
2013/04/14 Javascript
改变隐藏的input中value的值代码
2013/12/30 Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
2014/10/16 Javascript
基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法
2016/05/10 Javascript
js对字符串进行编码的方法总结(推荐)
2016/11/10 Javascript
微信JSSDK调用微信扫一扫功能的方法
2017/07/25 Javascript
bootstrap treeview 树形菜单带复选框及级联选择功能
2018/06/08 Javascript
JavaScript设计模式之单例模式原理与用法实例分析
2018/07/26 Javascript
浅谈Angular 观察者模式理解
2018/11/01 Javascript
深入解析koa之异步回调处理
2019/06/17 Javascript
JS函数参数的传递与同名参数实例分析
2020/03/16 Javascript
ReactRouter的实现方法
2021/01/25 Javascript
[58:18]2018DOTA2亚洲邀请赛3月29日 小组赛B组 iG VS Mineski
2018/03/30 DOTA
使用PYTHON解析Wireshark的PCAP文件方法
2019/07/23 Python
python内存监控工具memory_profiler和guppy的用法详解
2019/07/29 Python
关于pytorch中网络loss传播和参数更新的理解
2019/08/20 Python
Django中自定义模型管理器(Manager)及方法
2019/09/23 Python
Python基于DB-API操作MySQL数据库过程解析
2020/04/23 Python
Pycharm连接gitlab实现过程图解
2020/09/01 Python
解决pycharm修改代码后第一次运行不生效的问题
2021/02/06 Python
详解HTML5中表单验证的8种方法介绍
2016/12/19 HTML / CSS
信息系统专业个人求职信范文
2013/12/07 职场文书
农场厂长岗位职责
2013/12/28 职场文书
竞争性谈判邀请书
2014/02/06 职场文书
协议书格式
2014/04/23 职场文书
六五普法宣传标语
2014/10/06 职场文书
海南召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
幼儿园教师节感谢信
2015/01/23 职场文书
2015年党总支工作总结
2015/05/25 职场文书
MySQL 那些常见的错误设计规范,你都知道吗
2021/07/16 MySQL