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 学习笔记(十六) js事件
Feb 01 Javascript
JS和Jquery获取和修改label的值的示例代码
Jan 15 Javascript
Jquery节点遍历next与nextAll方法使用示例
Jul 22 Javascript
jquery 设置style:display的方法
Jan 29 Javascript
分享JavaScript与Java中MD5使用两个例子
Dec 23 Javascript
js停止冒泡和阻止浏览器默认行为的简单方法
May 15 Javascript
深入剖析javascript中的exec与match方法
May 18 Javascript
基于js 字符串indexof与search方法的区别(详解)
Dec 04 Javascript
Ant Design Pro 下实现文件下载的实现代码
Dec 03 Javascript
vue实现购物车功能(商品分类)
Apr 20 Javascript
keep-Alive搭配vue-router实现缓存页面效果的示例代码
Jun 24 Javascript
vue+element UI实现树形表格
Dec 29 Vue.js
理运用命名空间让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
类的另类用法--数据的封装
2006/10/09 PHP
PHP面向对象编程快速入门
2006/12/14 PHP
php使用正则过滤js脚本代码实例
2014/05/10 PHP
CMS中PHP判断系统是否已经安装的方法示例
2014/07/26 PHP
php+mysqli使用预处理技术进行数据库查询的方法
2015/01/28 PHP
js的闭包的一个示例说明
2008/11/18 Javascript
javascript instanceof 内部机制探析
2010/10/15 Javascript
基于JQuery 的消息提示框效果代码
2011/07/31 Javascript
jQuery函数的等价原生函数代码示例
2013/05/27 Javascript
Flex通过JS获取客户端IP和计算机名的实例代码
2013/11/21 Javascript
js单词形式的运算符
2014/05/06 Javascript
jquery中map函数遍历数组用法实例
2015/05/18 Javascript
基于JavaScript实现在新的tab页打开url
2016/08/04 Javascript
Vuejs第八篇之Vuejs组件的定义实例解析
2016/09/05 Javascript
基于Vue2.0的分页组件
2017/03/16 Javascript
详解vue过滤器在v2.0版本用法
2017/06/01 Javascript
Vue组件实现触底判断
2019/06/26 Javascript
[01:13:08]2018DOTA2亚洲邀请赛4.6 淘汰赛 mineski vs LGD 第二场
2018/04/10 DOTA
Python 详解基本语法_函数_返回值
2017/01/22 Python
Python利用Beautiful Soup模块搜索内容详解
2017/03/29 Python
使用python实现BLAST
2018/02/12 Python
Python线程之定位与销毁的实现
2019/02/17 Python
Django后端接收嵌套Json数据及解析详解
2019/07/17 Python
Django Rest framework解析器和渲染器详解
2019/07/25 Python
基于python纯函数实现井字棋游戏
2020/05/27 Python
请用Python写一个获取用户输入数字,并根据数字大小输出不同信息的脚本
2014/05/20 面试题
Ruby如何定义一个类
2012/10/08 面试题
教育英语专业毕业生的求职信
2014/03/13 职场文书
2014党员学习习主席讲话思想汇报
2014/09/15 职场文书
人身损害赔偿协议书格式
2014/11/01 职场文书
2019年第四季度财务部门工作计划
2019/11/02 职场文书
MYSQL(电话号码,身份证)数据脱敏的实现
2021/05/28 MySQL
Python图片检索之以图搜图
2021/05/31 Python
mysql的单列多值存储实例详解
2022/04/05 MySQL
Redis实现订单过期删除的方法步骤
2022/06/05 Redis
Win10系统搭建ftp文件服务器详细教程
2022/08/05 Servers