2011-08-02 16:11 7986人阅读
评论(1)
收藏 举报stylesheetfunctionbuttonhtml[html]
view plaincopy1.<%@page contentType="text/html" pageEncoding="UTF-8"%>
2.<%
3. request.setAttribute("base", request.getContextPath());
4.%>
5.
6.<html>
7. <head>
8. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
9. <title>getCmp方法的简单应用</title>
10. <link rel="stylesheet" type="text/css" href="${base}/ext/resources/css/ext-all.css" />
11. <script type="text/javascript" src="${base}/ext/ext-base.js"></script>
12. <script type="text/javascript" src="${base}/ext/ext-all.js"></script>
13. <script type="text/javascript" src="${base}/ext/ext-lang-zh_CN.js"></script><!--中文映射-->
14.
15. <script type="text/javascript">
16.
17. function ready(){
18. var setText=function(){//重新设置文本函数
19. var button=Ext.getCmp("btn");//根据id获取按钮对象
20. var btnId=button.id;//获取按钮id
21. var btnText=button.text;//获取按钮文本
22. var btnType=button.type;//获取按钮类型
23. var result="id:"+btnId+" 文本:"+btnText+" 类型:"+btnType;
24. Ext.Msg.alert("",result);//提示框
25. Ext.getCmp("btn").setText("取消");//根据id获取对象，重新设置文本
26. }
27. var alertBtn=new Ext.Button({//定义按钮对象
28. id:"btn",//按钮id
29. text:"确定",//按钮显示的文本
30. handler:setText,//定义按钮触发的事件，直接可以写成函数名
31. renderTo:document.body//将按钮渲染到窗体上
32. });
33. }
34. Ext.onReady(ready) ;//参数为定义的函数,onReady是程序的入口
35. </script>
36. </head>
37. <body>
38.
39. </body>
40.</html>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%
request.setAttribute("base", request.getContextPath());
%>
<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/ext-base.js"></script>
<script type="text/javascript" src="${base}/ext/ext-all.js"></script>
<script type="text/javascript" src="${base}/ext/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("btn").setText("取消");//根据id获取对象，重新设置文本
}
var alertBtn=new Ext.Button({//定义按钮对象
id:"btn",//按钮id
text:"确定",//按钮显示的文本
handler:setText,//定义按钮触发的事件，直接可以写成函数名
renderTo:document.body//将按钮渲染到窗体上
});
}
Ext.onReady(ready) ;//参数为定义的函数,onReady是程序的入口
</script>
</head>
<body>
</body>
</html>
其他的比如 Ext.get("一个参数");Ext.getDom("一个参数");Ext.getDoc("不带参数");
就不详细介绍了。
<!--EndFragment-->
