- 1.<%@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("不带参数");
- 就不详细介绍了。 最好的学习方法是看官方的API!
- <!--EndFragment-->
Ext.getCmp("id") 简单应用
最新推荐文章于 2021-01-26 23:16:44 发布