EXT-JS学习系列基础篇:第三篇(转载)作者殷良胜-白红宇

在开始编写每个Ext的组件用法之前，先对自己在工作中常用的一些Ext方法总结出来．只罗列一些经常用到的，偶尔也会用到的仅仅说明下．Ext框架把一些我们平时在工作经常遇到的情况封装成了方法，有兴趣的朋友读读它的源代码，会发现里面封装的语句和我们平时写的没有什么区别．提一句，它的源代码读起来真的是一种享受，虽然有很多地方我还看不懂，但，我觉得它的源代码确实是学习javascript的最好的教程．ext-all-debug.js和ext-core-debug.js这两个文件是调试文件，非常清晰，假如我有２个月的时间休假，我是愿意把时间全部花在上面的．

第一想说的方法想来想去，觉得还是再说一次Ext类的onReady()方法吧，它的作用就是指定当Ext类的全部框架全部加载完成后执行什么函数．具体执行什么函数就是它的参数．

第一：Ext.getCmp("对象ID")　:该方法只有一个参数，就是组件的 ID

说明：在执行下面的语句后，点击确定会弹出定义的Ext按钮的一些属性值，同时将原来的值由"确定"更改为"取消"

<body>

<div>

function ready()

{

//这个函数的主要作用有两个：

//一个获取定义的buttonName按钮。有消息弹出结果

//另一个就是将buttonName按钮值由"确定"更改为"取消"

var setText = function()

{

//通过getCmp方法获取指定参数的对象，参数的值是某个已经在页面中初始化的Ext对象的ID

//getCmp()方法只有一个参数，就是组件的 ID

var btn = Ext.getCmp("buttomID");

//获取按钮ID

var id = btn.id;

//获取按钮文本

var text = btn.text;

//获取按钮类型

var type = btn.type;

var result = "执行结果是：ID="+id+" text="+text+" type="+type;

Ext.Msg.alert("提示消息",result);

//setText是将按钮的文本重新设置为新的文本“取消”

Ext.getCmp("buttomID").setText("取消");

};

//定义一个按钮出发事件后执行函数setText

var buttonName = new Ext.Button

({

id:"buttomID",

text:"确定",

renderTo:document.body,

handler:setText

});

}

Ext.onReady(ready);

</script>

</div>

</form>

</body>

//第二: Ext.getBody();//该方法等同于document.body 呵呵不用说了吧

//以上是我经常使用的2个方法,

其他还有很多,我都不喜欢用,像:Ext.get("一个参数");Ext.getDom("一个参数");Ext.getDoc("不带参数");

本文转自温景良博客园博客，原文链接：http://www.cnblogs.com/wenjl520/archive/2008/11/03/1325533.html，如需转载请自行联系原作者