ExtJs 实现点击修改DOM样式 增删clssName
来源:互联网 发布:数据侠客行好看吗 编辑:程序博客网 时间:2024/06/07 09:42
实现效果图如下:
如图,就是实现点击之后给对象添加一个样式(add一个className),同事删除其它对象的这个类名(通过className查找对象,再remove这个className)。
实现难点如下:
1、如何通过className遍历对象
可参考: ExtJs 获取Dom对象
2、如何用ExtJs进行DOM操作
可参考:ExtJs中如何实现点击之后修改类名(class)
实现代码如下:
<pre name="code" class="javascript"> clickFn:function(){ for (var i = 0; i < Ext.select(".interviewMenuListItemSelected").elements.length; i++) { var selectedId = Ext.select(".interviewMenuListItemSelected").elements[i].id; var selectedCmp = Ext.getCmp(selectedId); selectedCmp.removeClass("interviewMenuListItemSelected"); }; this.addClass("interviewMenuListItemSelected"); alert("nothing"); }
补充:
用jQuery实现更方便!遍历+移除样式一步解决!
$(".interviewMenuListItemSelected").removeClass("interviewMenuListItemSelected");
this.addClass("interviewMenuListItemSelected");
0 0
- ExtJs 实现点击修改DOM样式 增删clssName
- ExtJS控件样式的修改
- ExtJS控件样式的修改
- ExtJS控件样式的修改
- ExtJS控件样式的修改
- ExtJS控件样式的修改
- 使用jquery当页面打开时,将修改样式的点击事件绑定到Dom
- Dom笔记8:Dom修改样式
- ExtJs中如何实现点击之后修改类名(class)
- JavaScript--修改DOM节点CSS样式
- 动态点击修改当前dom元素背景
- DOM学习4:利用DOM去修改CSS样式
- CSS实现点击事件样式
- extjs 之Ext.data.Store[Grid]操作 【增删修改】
- 重定义extjs中button被点击后的样式
- mvc2 html点击后修改文字样式
- 微信小程序点击控件修改样式
- 如何修改EXTJS的collapseMode : 'mini'样式(未解决)
- Spring@Autowired注解与自动装配
- Solid
- linux进程数限制
- poj 1659 Frogs' Neighborhood
- 开源中国 signingConfigs常量gradle.properties问题
- ExtJs 实现点击修改DOM样式 增删clssName
- 写一个设置Cookie值得封装函数
- PulltorefreshListView自动刷新
- C++ 模版的特化与偏特化
- 第4周 项目5(2)- 循环双链表应用
- 清理iOS项目中不用的图片资源方法
- Ubuntu下Gradle的安装
- 什么是模糊测试:诗人、情报员和预言家(Defensics)
- JavaScript 创建对象的常见三种方式