Extjs 基础篇—— Ext操作DOM

Posted 周五, 11/23/2012 - 12:30 by admin

一这里要记住三个核心工具类：Ext.Element, Ext.DomHelper, Ext.DomQuery。

二说明一下，这里的ExtJs用的是3.x的版本
三 Ext.Element.get()，获取的是Ext.Element的实例，而不是原生的

标签。
el.dom获取原生标签。

var el = Ext.get('myDiv');
    alert(Ext.encode(el) + "-dom:" + el.dom);

四 Ext.getDom(),获取原生标签
Ext.getDom('myDiv') 等价于 Ext.get('myDiv').getDom(el);
五 Ext.fly(),对应于Ext.get()

var el = Ext.fly('myDiv');
    alert(Ext.encode(el) + "-dom:" + el.dom);

六 Element.setStyle(),设置样式
Ext.fly('myDiv').setStyle("backgroundColor","#ff0000");
七动态增删样式
Ext.fly('myDiv').addClassOnOver("my_class");
八相关类文件介绍
1.Element.style.js Element.style-more.js提供大量工具函数，辅助Ext.Element进行CSS样式操作。
2.Fx.js提供动画效果的工具类。

作者:wangyuelucky
原文:http://wangyuelucky.blog.51cto.com/1011508/1063424