ExtJS学习总结
一、开发时必须要引入的库
1、 ext-all.js:是EXTJS的核心库,是必须要引入的。
2、 ext-core.js:也是EXTJS的核心库,是必须要引入的。
3、 ext-all-debug.js:是ext-all.js的调试版本,在调试时需要使用到。
4、 ext-core-debug.js:是ext-core.js的调试版本。
二、EXTJS程序运行时,需要载入2个JS和一个CSS文件
1、adapter\ext\ ext-base.js
2、ext-all.js
3、resources\css\ ext-all.css
三、ExtJS组件配置方式
1、 使用逗号分隔参数列表配置组件
2、 使用JSON对象配置组件
四、Ext.Element
你可以使用Ext.get方法创建Ext.Element的实例,达到封装普通的HTMLElement之目的。例如你有一个id名为“myElementId”的元素,便可以这样获取:
var el = Ext.get('myElementId');
五、FireDebug调试
var el = Ext.get('myElementId');
console.dir(el);
console.dir命令由Firebug提供,执行该方法可方便地列出某个对象身上有什么成员,这都是例于开发者阅读的形式显示的
var el = Ext.get('myElementId');
el.addClass('error');
这段代码作用后段落的字体颜色就变为红色,页面的CSS规则有error的样式类,属于error类的元素就会有红色效果:
.error {
color: red;
}
六、Ext.get和Ext.fly方法
…… …… 余下全文