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 AutoScroller 函数类
May 29 Javascript
基于jquery的Repeater实现代码
Jul 17 Javascript
js中的this关键字详解
Sep 25 Javascript
让table变成exls的示例代码
Mar 24 Javascript
javascript学习笔记整理(概述、变量、数据类型简介)
Oct 25 Javascript
遍历js中对象的属性和值的实例
Nov 21 Javascript
微信小程序实现带刻度尺滑块功能
Mar 29 Javascript
详解webpack 入门与解析
Apr 09 Javascript
在Vue组件中获取全局的点击事件方法
Sep 06 Javascript
vue中的mvvm模式讲解
Jan 31 Javascript
浅谈小程序 setData学问多
Feb 20 Javascript
微信小程序仿淘宝热搜词在搜索框中轮播功能
Jan 21 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/04/18 PHP
PHP变量赋值、代入给JavaScript中的变量
2015/06/29 PHP
Yii2实现UploadedFile上传文件示例
2017/02/15 PHP
php压缩文件夹最新版
2018/07/18 PHP
JS 屏蔽键盘不可用与鼠标右键不可用的方法
2013/11/18 Javascript
JQuery 给元素绑定click事件多次执行的解决方法
2014/09/09 Javascript
jQuery实现隔行背景色变色
2014/11/24 Javascript
jQuery中element选择器用法实例
2014/12/29 Javascript
javascript实现的闭包简单实例
2015/07/17 Javascript
jQuery中fadein与fadeout方法用法示例
2016/09/16 Javascript
关于webuploader插件使用过程遇到的小问题
2016/11/07 Javascript
利用select实现年月日三级联动的日期选择效果【推荐】
2016/12/13 Javascript
jQuery编写网页版2048小游戏
2017/01/06 Javascript
利用jquery去掉时光轴头尾部线条的方法实例
2017/06/16 jQuery
JavaScript文件的同步和异步加载的实现代码
2017/08/19 Javascript
vue.js实现简单轮播图效果
2017/10/10 Javascript
Vue 事件处理操作实例详解
2019/03/05 Javascript
利用node 判断打开的是文件 还是 文件夹的实例
2019/06/10 Javascript
bootstrap datepicker的基本使用教程
2019/07/09 Javascript
python算法学习之计数排序实例
2013/12/18 Python
Python入门_浅谈逻辑判断与运算符
2017/05/16 Python
Python基于scapy实现修改IP发送请求的方法示例
2017/07/08 Python
Python中int()函数的用法浅析
2017/10/17 Python
python format 格式化输出方法
2018/07/16 Python
Python延时操作实现方法示例
2018/08/14 Python
Python访问MongoDB,并且转换成Dataframe的方法
2018/10/15 Python
在python中获取div的文本内容并和想定结果进行对比详解
2019/01/02 Python
PHP基于phpqrcode类库生成二维码过程解析
2020/05/28 Python
什么是python的函数体
2020/06/19 Python
小学教师的自我评价范例
2013/10/31 职场文书
学校少先队工作总结
2015/08/12 职场文书
JavaScript中关于预编译、作用域链和闭包的理解
2021/03/31 Javascript
php中pcntl_fork详解
2021/04/01 PHP
简单介绍Python的第三方库yaml
2021/06/18 Python
利用uni-app生成微信小程序的踩坑记录
2022/04/05 Javascript
vue项目proxyTable配置和部署服务器
2022/04/14 Vue.js