extjs学习笔记----Ext.onReady

最新推荐文章于 2021-10-25 10:50:47 发布

bzuld

最新推荐文章于 2021-10-25 10:50:47 发布

阅读量4.5k

点赞数

分类专栏： Extjs学习笔记

本文链接：https://blog.csdn.net/bzuld/article/details/8969092

版权

Extjs学习笔记专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1、Ext.onReady(function(){})

页面加载完成后Ext.onReady就会被触发；

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	<link rel="stylesheet" type="text/css" href="<%=basePath%>ext/resources/css/ext-all.css" />
 	<script type="text/javascript" src="<%=basePath%>ext/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="<%=basePath%>ext/ext-all.js"></script>
  	<script type="text/javascript">
 		Ext.onReady(function (){
			Ext.get("buttonId").on("click",function(){
				Ext.MessageBox.alert("系统提示信息","我被触发了！！")
			})
		});
  	</script>
  </head>
  <body>
  	<input type="button" value="点击我试试" id="buttonId"/> 	
  </body>
</html>

2、Ext.get():

Ext.get("id")----根据html标签的id获得Ext.Element对象，Ext.Element是对DOM的封装；

3、Ext.get().on

Ext.get().on("事件的名称",function(){alert("事件触发后执行的函数")})-----为得到的元素添加事件；

ps:事件名称与html的有点区别，就是不带on如：onClick---》click，onChange----》change，onkeypress---》keypress；

4、Ext.get().dom.value

Ext.get().dom：dom属性是Ext.Element对象的DOM表示，获取dom后可以用传统的方式进行访问；