Ext.getCmp("id") 简略应用 _Web前端

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

<%@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("不带参数");

就不详细介绍了。