Ext.getCmp("id") 简单应用

来源：互联网发布：分区删除数据恢复编辑：程序博客网时间：2024/04/24 20:22
Ext.getCmp("id") 简单应用

[html] view plaincopy
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-->   