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 清除输入框中的数据
Apr 13 Javascript
JavaScript使用过程中需要注意的地方和一些基本语法
Aug 26 Javascript
js弹出框轻量级插件jquery.boxy使用介绍
Jan 15 Javascript
让checkbox不选中即将选中的checkbox不选中
Jul 11 Javascript
JS逆序遍历实现代码
Dec 02 Javascript
javascript包装对象实例分析
Mar 27 Javascript
基于jQuery实现鼠标点击导航菜单水波动画效果附源码下载
Jan 06 Javascript
Angular.js自定义指令学习笔记实例
Feb 24 Javascript
JS操作时间 - UNIX时间戳的简单介绍(必看篇)
Aug 16 Javascript
12条写出高质量JS代码的方法
Jan 07 Javascript
js canvas实现画图、滤镜效果
Nov 27 Javascript
Vue2.0搭建脚手架
Mar 13 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
DC游戏Steam周三特惠 《蝙蝠侠》阿卡姆系列平史低
2020/04/09 欧美动漫
php基础知识:控制结构
2006/12/13 PHP
php修改文件上传限制方法汇总
2015/04/07 PHP
CI框架中redis缓存相关操作文件示例代码
2016/05/17 PHP
php+redis实现商城秒杀功能
2020/11/19 PHP
北京奥运官方网站幻灯切换效果flash版打包下载
2008/01/30 Javascript
jQuery实现的类flash菜单效果代码
2010/05/17 Javascript
javascript中parentNode,childNodes,children的应用详解
2013/12/17 Javascript
什么是JavaScript中的结果值?
2016/10/08 Javascript
jQuery实现圣诞节礼物动画案例解析
2016/12/25 Javascript
对比分析Django的Q查询及AngularJS的Datatables分页插件
2017/02/07 Javascript
深入理解AngularJS中的ng-bind-html指令
2017/03/27 Javascript
node.js中debug模块的简单介绍与使用
2017/04/25 Javascript
JavaScript利用fetch实现异步请求的方法实例
2017/07/26 Javascript
jquery中有哪些api jQuery主要API
2017/11/20 jQuery
AngularJS与后端php的数据交互方法
2018/08/13 Javascript
微信小程序实现文字从右向左无限滚动
2020/11/18 Javascript
原生javascript实现连连看游戏
2019/01/03 Javascript
vue项目打包后怎样优雅的解决跨域
2019/05/26 Javascript
python备份文件以及mysql数据库的脚本代码
2013/06/10 Python
解决Python传递中文参数的问题
2015/08/04 Python
Python中操作符重载用法分析
2016/04/29 Python
Python的SQLalchemy模块连接与操作MySQL的基础示例
2016/07/11 Python
Python+matplotlib+numpy绘制精美的条形统计图
2018/01/02 Python
详解Python数据分析--Pandas知识点
2019/03/23 Python
深入浅析python 协程与go协程的区别
2019/05/09 Python
Python流行ORM框架sqlalchemy安装与使用教程
2019/06/04 Python
Python实现的对一个数进行因式分解操作示例
2019/06/27 Python
python 实现多线程下载视频的代码
2019/11/15 Python
基于Python和C++实现删除链表的节点
2020/07/06 Python
曼城官方网上商店:Manchester City
2019/09/10 全球购物
竞争与合作演讲稿
2014/05/12 职场文书
小组名称和口号
2014/06/09 职场文书
体育口号大全
2014/06/18 职场文书
应届生找工作求职信
2014/06/24 职场文书
公司人事专员岗位职责
2014/08/11 职场文书