extjs学习

1.第一个函数

Ext.onReady(function() {
	alert("Congratulations!  You have Ext configured correctly!");
});

 

2.

对DOM操作

var myDiv = document.getElementById('myDiv');//返回的是DOM node

 

var myDiv = Ext.get('myDiv');//返回的是 Ext.Component(

Ext.getCmp(‘XXXX’) //Ext.Elements (组件，每个组件都会有个ID) 

3.操作DOM多节点

Ext.select('p').highlight();

4.操作component

Ext.getCmp(‘XXXX’).focus()

5.常用操作

Ext.get('dev_stat_info').fadeIn();

Ext.get('dev_stat_info').fadeOut();

Ext.get('dev_stat_info').focus();

Ext.get(document.body).update('<div id=mydiv>   test dd   </div>');
pane = new Ext.TabPanel({ height:300,width:300});
pane.render('mydiv');

6.组件的概念(Ext.Component)

例如checkbox被封装进入Checkbox组件，所有的组件继承自Ext.Component

每个组件都有个id属性，可以通过Ext.getCmp(‘XXXX’)得到

组件有个.el属性，是只读的，返回Ext.Element，也可以用getEl()函数。

7.元素的概念(Ext.Element)

代表DOM元素，一般是一个div标签。用Ext.get('myDiv');得到。

每个元素有个id,它封装了大部分的DOM操作函数。