ext2.2学习笔记二
关键字: ext, getcmp
为什么有的例子必须放在服务器上才能看到效果?
因为有些例子里,用到Ajax去后台读取数据,如果没在服务器上,Ajax返回的状态一直是失败,也无法获得任何数据,所有就看不到正确的效果。不过以前在extjs.com论坛上看到过有人写了localXHR,可以让ajax从本地文件系统获得数据,这样也许就可以摆脱服务器的束缚了。
好现在开始讲例子了:
第一:Ext.getCmp("对象ID") :该方法只有一个参数,就是组件的 ID
//第二: Ext.getBody();//该方法等同于document.body 呵呵 不用说了吧
//以上是我经常使用的2个方法,
说明:在执行下面的语句后,点击确定会弹出定义的Ext按钮的一些属性值,同时将原来的值由"确定"更改为"取消"
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ExtJS</title>
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext-all.js"></script>
<script type="text/javascript" src="../examples.js"></script>
</head>
<body>
<form id="form1"
<div>
<%--既然Ext是基于javascript的,所以我们要把Ext的东东包裹在javascript里面--%>
<script type="text/javascript">
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>
</html>
效果如图:
分享到:
相关推荐
前段时间在忙于Hiberante3.2/3.3的开发指南的整理与学习,刚忙完发现我现在的学生在开发Ext2.2应用时有问题--不知道直接看开源的官方网站的介绍!唉,当然他们说英文不好懂,于是,我就看完了Ext官方网站的介绍,...
ext2.2 所需的几个文件:ext-all.css, ext-base.js, ext-all.js,还有对应的API帮助文档
Ext2.2的中文学习手册.很实用.快速掌握Ext最新版本的好工具.
Ext 2.2 帮助文档 Release Notes for Ext 2.2.0 Release Date: August 4, 2008 Current Version: 2.2.0 (rev 2547) Previous Version: 2.1.0 (rev 2042)
Ext js 2.2框架的中文版本api
经过2个多月的奋战,Ext2.2的中文API终于翻译完成,今日发布(2009-08-10)。请大家下载时注意,不要下载前次上传的第二次更新了(晕,CSDN居然不能删除上传的资源,为避免误导大家,特此说明)。
DW CS3--EXT2.2插件DW CS3--EXT2.2插件DW CS3--EXT2.2插件DW CS3--EXT2.2插件DW CS3--EXT2.2插件
Ext2.2docs.chm Ext2.2docs.chm Ext2.2docs.chm Ext2.2docs.chm Ext2.2docs.chm
EXT2.2 开发环境 EXT例子 自己练级EXT2.2环境 配合我写的日志使用,
EXT_中文手册 pdf+Ext2.2API中文版(最终完成版).CHM
Ext JS 是一种强大的 JavaScript™ 库,它通过使用可重用的对象和部件简化了 Asynchronous JavaScript + XML(Ajax)开发。本文介绍 Ext JS,概述它背后的面向对象 JavaScript 设计概念,解释如何使用 Ext JS 框架...
Ext2.2中文文档,Ext3.0中文文档
自己的小示例
Ext2.2.zip 。。Oozie使用的ext包。。Oozie使用的ext包。
界面漂亮,文档详细.开发ajax必备的的文档.
Ext 2.2 - API 中文文档地址
现在ext官方不提供2.2的下载了,在此分享给大家!
Ext 2.2 - API 文档 内容包括基本元素的属性方法等
安装ooize所需的ext2.2.zip,我自己安装时用的,没问题!
主题色很炫,不要后悔,有源码,自己研究下可以给你带来很好的效果