ext.onready(function() {alert('hello world!');});

上面的代码将在页面加载完毕后弹出一对话框,打印出'hello world!'字样.

获取元素

还有一个常用的方法,就是获取页面上的元素了,extjs提供了一个get方法,可以根据id取到页面上的元素:

var mydiv = ext.get('mydiv');

会取到页面上id为'mydiv'的元素.如果使用element.dom的方法,则可以直接操作底层的dom节点,ext.get返回的则是一个element对象.

在不能使用这种方式来获取多个dom的节点,或是要获取一些id不一致,但又有相同特征的时候,可以通过选择器来进行获取,比如要获取页面上所有的<p>标签,则可以使用:

var ps = ext.select('p');

这样你就可以对所要获取的元素进行操作了,select()方法返回的是ext.compositeelement对象,可以通过其中的each()方法对其所包含的节点进行遍历:

ps.each(function(el) {el.highlight();});当然,如果你要是对获取的所有元素进行相同的操作,可以直接应用于compositeelement对象上,如:ps.highlight();或是:ext.select('p').highlight();

当然,select参数还可以更复杂一些,其中可以包括w3c css3dom选取器,基本的xpath,html属性等,详细情况,可以查看domquery api的文档,来了解细节.

事件响应

获取到了元素,则可能会对一些元素的事件进行一些处理,比如获取一个按钮,我们为它添加一个单击事件的响应:

ext.onready(function() {ext.get('mybutton').on('click', function() {alert('you clicked the button!');});});当然,你可以把事件的响应加到通过select()方法获取到的元素上:ext.select('p').on('click', function() {alert('you clicked a paragraph!');});widgetsextjs还提供了丰富的ui库来供大家使用.消息窗口将前面的alert()方法替换一种extjs提供的方案:ext.onready(function() {ext.get('mybutton').on('click', function() {alert('you clicked the button!');});});

而且它还可以如桌面开发一样,来设置消息窗口是否模式的,也就是说在弹出窗口的时候,其他的操作是否可做.这点我很喜欢...^_^

还有非常好用的grid,tree,menu等等,这些稍后会有更加详细的介绍.

ajax部分也提供了不错的支持,稍后都会有详细的介绍....