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

最新推荐文章于 2021-02-23 12:25:59 发布

iteye_12996

最新推荐文章于 2021-02-23 12:25:59 发布

阅读量717

点赞数

分类专栏： extjs 文章标签： EXT JavaScript CSS HTML ViewUI

本文链接：https://blog.csdn.net/iteye_12996/article/details/81886147

版权

extjs 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

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

就不详细介绍了。

iteye_12996

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ext.getCmp("id") 简单应用

&lt;%@page contentType="text/html" pageEncoding="UTF-8"%&gt;&lt;% request.setAttribute("base", request.getContextPath());%&gt;&lt;html&gt; &lt;head&gt; &lt
复制链接

扫一扫