kristain

博客园 首页 新随笔 联系 订阅 管理

Ext的组件,Ext组件是由Component类定义,每一种组件都有一个指定的xtype属性值,通过该值可以得到.

一个组件的类型或是定义一个指定类型的组件。组件大致分为3类:即基本组件、工具栏组件、表单及元素组件。

基本组件有:

工具栏组件有:

 

表单及元素组件:

组件的配置属性:

在ExtJs中, 除了一些特殊的组件或类以外,所有的组件在初始化的时候都可以构造函数使用包含属性名称及值的对象,该对象的信息也就是指组件的配置属性。

在ExtJs的继承体系中,我们可以看到,ExtJs中所有的组件都是继承于Ext.Component,下面列出组件基类Component中的配置属性:

 

ExtJs组件的事件处理:

ExtJs提供了一套强大的事件处理机制,通过这些事件处理机制来响应用户的动作、监控控件状态变化、更新控件视图信息、与服务器进行交互等等。事件统一由Ext.EventManager对象管理,与浏览器W3C标准事件对象Event相对应,Ext封装了一个Ext.EventObject事件对象。支持事件处理的类或接口为Ext.util.Obserable,凡是继承了该类的组件或是类都支持往对象中添加事件处理及响应功能。

代码:

<script>
function(){
    alert("dosomething");
}
Ext.OnReady(function(){
Ext.get("btnAlert").addListener("click",a);
//Ext.get("btnAlert").on("click",a);   on是addListener的另一个简写方法
//Ext还支持事件延迟处理或事件缓存功能
Ext.get("btnAlert").on("click", a, this, {delay:2000});

});
</script>
<input id="btnAlert" type="button" value="alert框"/>


posted on 2011-06-29 13:33  kristain  阅读(820)  评论(0编辑  收藏  举报