extjs學習筆記----Ext.onReady

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後可以用傳統的方式進行訪問;

     

 

 

發佈了244 篇原創文章 · 獲贊 31 · 訪問量 39萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章