<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
request.setAttribute("base",request.getContextPath());%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>getCmp方法的简单应用</title>
<link rel="stylesheet" type="text/css" href="${base}/ext/resources/css/ext-all.css">
<script type="text/javascript" src="${base}/ext/adapter/ext/ext-base-debug.js"></script>
<script type="text/javascript" src="${base}/ext/ext-all-debug.js"></script>
<script type="text/javascript" src="${base}/ext/src/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
function ready(){
var setText = function(){//重新设置文本函数
var button = Ext.getCmp("btn");//根据Id获取按钮对象
var btnId = button.id;//获取按钮id
var btnText = button.text;//获取按钮文本
var btnType = button.type;//获取按钮类型
var result = "id:"+btnId+"文本:"+btnText+"类型:"+btnType;
Ext.Msg.alert("",result);//提示框
Ext.getCmp("rbtn").setText("取0.0消");//根据Id获取对象,重新设置文本
}
var alertBtn = new Ext.Button({//定义按钮对象
id:"btn",//按钮id
text:"确定",//按钮显示的文本
handler:setText,//定义按钮触发的事件,直接可以写成函数名
renderTo:document.body//将按钮渲染到窗体上
});
Ext.onReady(ready);//参数为定义的函数,onReady是程序的入口
</script>
</head>
<body>
</body>
</html>