转：：Ext.getCmp()应用

最新推荐文章于 2019-07-03 16:55:51 发布

weixin_33890526

最新推荐文章于 2019-07-03 16:55:51 发布

阅读量141

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/myitmylife/p/3591705.html

版权

html] view plain copy

1. 1.<%@page contentType="text/html" pageEncoding="UTF-8"%>
2. 2.<%
3. 3. request.setAttribute("base", request.getContextPath());
4. 4.%>
5. 5.
6. 6.<html>
7. 7. <head>
8. 8. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
9. 9. <title>getCmp方法的简单应用</title>
10. 10. <link rel="stylesheet" type="text/css" href="${base}/ext/resources/css/ext-all.css" />
11. 11. <script type="text/javascript" src="${base}/ext/ext-base.js"></script>
12. 12. <script type="text/javascript" src="${base}/ext/ext-all.js"></script>
13. 13. <script type="text/javascript" src="${base}/ext/ext-lang-zh_CN.js"></script>
14. 14.
15. 15. <script type="text/javascript">
16. 16.
17. 17. function ready(){
18. 18. var setText=function(){//重新设置文本函数
19. 19. var button=Ext.getCmp("btn");//根据id获取按钮对象
20. 20. var btnId=button.id;//获取按钮id
21. 21. var btnText=button.text;//获取按钮文本
22. 22. var btnType=button.type;//获取按钮类型
23. 23. var result="id:"+btnId+" 文本:"+btnText+" 类型:"+btnType;
24. 24. Ext.Msg.alert("",result);//提示框
25. 25. Ext.getCmp("btn").setText("取消");//根据id获取对象，重新设置文本
26. 26. }
27. 27. var alertBtn=new Ext.Button({//定义按钮对象
28. 28. id:"btn",//按钮id
29. 29. text:"确定",//按钮显示的文本
30. 30. handler:setText,//定义按钮触发的事件，直接可以写成函数名
31. 31. renderTo:document.body//将按钮渲染到窗体上
32. 32. });
33. 33. }
34. 34. Ext.onReady(ready) ;//参数为定义的函数,onReady是程序的入口
35. 35. </script>
36. 36. </head>
37. 37. <body>
38. 38.
39. 39. </body>
40. 40.</html>
41. <%@page contentType="text/html" pageEncoding="UTF-8"%>
42. <%
43. request.setAttribute("base", request.getContextPath());
44. %>
46. <html>
47. <head>
48. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
49. <title>getCmp方法的简单应用</title>
50. <link rel="stylesheet" type="text/css" href="${base}/ext/resources/css/ext-all.css" />
51. <script type="text/javascript" src="${base}/ext/ext-base.js"></script>
52. <script type="text/javascript" src="${base}/ext/ext-all.js"></script>
53. <script type="text/javascript" src="${base}/ext/ext-lang-zh_CN.js"></script>
55. <script type="text/javascript">
57. function ready(){
58. var setText=function(){//重新设置文本函数
59. var button=Ext.getCmp("btn");//根据id获取按钮对象
60. var btnId=button.id;//获取按钮id
61. var btnText=button.text;//获取按钮文本
62. var btnType=button.type;//获取按钮类型
63. var result="id:"+btnId+" 文本:"+btnText+" 类型:"+btnType;
64. Ext.Msg.alert("",result);//提示框
65. Ext.getCmp("btn").setText("取消");//根据id获取对象，重新设置文本
66. }
67. var alertBtn=new Ext.Button({//定义按钮对象
68. id:"btn",//按钮id
69. text:"确定",//按钮显示的文本
70. handler:setText,//定义按钮触发的事件，直接可以写成函数名
71. renderTo:document.body//将按钮渲染到窗体上
72. });
73. }
74. Ext.onReady(ready) ;//参数为定义的函数,onReady是程序的入口
75. </script>
76. </head>
77. <body>
79. </body>
80. </html>
85. 其他的比如 Ext.get("一个参数");Ext.getDom("一个参数");Ext.getDoc("不带参数");
86. 就不详细介绍了。

转载于:https://www.cnblogs.com/myitmylife/p/3591705.html

weixin_33890526

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
转：：Ext.getCmp()应用

html] view plaincopy1.<%@pagecontentType="text/html"pageEncoding="UTF-8"%>2.<%3.request.setAttribute("base",request.getContextPath());4.%>5....
复制链接

扫一扫