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("不帶參數");就不詳細介紹了。<!--EndFragment-->
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
