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