Ext.getCmp()简单应用

最新推荐文章于 2021-01-26 23:16:44 发布

叶半欲缺

最新推荐文章于 2021-01-26 23:16:44 发布

阅读量3.5k

点赞数

分类专栏：前端架构_EXTJS 文章标签： stylesheet function html button import java

前端架构_EXTJS 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

request.setAttribute("base",request.getContextPath());
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<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/adapter/ext/ext-base-debug.js"></script>
<script type="text/javascript" src="${base}/ext/ext-all-debug.js"></script>
<script type="text/javascript" src="${base}/ext/src/locale/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("rbtn").setText("取0.0消");//根据Id获取对象，重新设置文本
}
var alertBtn = new Ext.Button({//定义按钮对象
id:"btn",//按钮id
text:"确定",//按钮显示的文本
handler:setText,//定义按钮触发的事件，直接可以写成函数名
renderTo:document.body//将按钮渲染到窗体上
});

Ext.onReady(ready);//参数为定义的函数，onReady是程序的入口
</script>

</head>

<body>

</body>
</html>

叶半欲缺

关注

0
点赞
踩
0

收藏

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

request.setAttribute("base",request.getContextPath());%> getCmp方法的简单应用 function ready(){ var setText = function(){//重新设置文本函数 var button = Ext.getCmp("btn"
复制链接

扫一扫