获取元素添加监听
function show() {Ext.Msg.alert("提示", "按钮被点击了!");//提示信息,参数一表示提示框标题,参数二表示提示内容}Ext.onReady(function() {Ext.get("btn").addListener('click', show);//获取id为btn的元素,并添加事件监听,参数一表示事件触发的名称,参数二表示触发事件执行函数})
?
?也可以修改为如下代码,与上面效果一样:
//function show() {//Ext.Msg.alert("提示", "按钮被点击了!");//提示信息,参数一表示提示框标题,参数二表示提示内容//}Ext.onReady(function() {Ext.get("btn").addListener('click', function(){Ext.Msg.alert("提示", "按钮被点击了!");//提示信息,参数一表示提示框标题,参数二表示提示内容});//获取id为btn的元素,并添加事件监听,参数一表示事件触发的名称,参数二表示触发事件执行函数})
?
?
function show() {Ext.Msg.alert("提示", "按钮被点击了!");// 提示信息,参数一表示提示框标题,参数二表示提示内容}Ext.onReady(function() {// Ext.get("btn").addListener('click',// show);//获取id为btn的元素,并添加事件监听,参数一表示事件触发的名称,参数二表示触发事件执行函数// 当然,也有另外一种方式,on是addListener的简写方式。如:官方文档描述// on( String eventName, Function handler, Object scope, Object options )// 为该元素添加事件处理函数(addListener的简写方式)// eventName : String// 事件名称The type of event to listen for// handler : Function// 处理函数The method the event invokes// scope : Object// (可选的) 执行处理函数的作用域。“this”对象指针(optional)// options : Object// (可选的)(optional)Ext.get("btn").on('click', show,this,{delay:2000});//延迟2秒提示})
?
?
?
<%@ page language="java" contentType="text/html; charset=gb2312"pageEncoding="gb2312"%><%request.setAttribute("base", request.getContextPath());%><html><head><title>测试事件添加监听</title><link rel="stylesheet" type="text/css"href="${base}/script/ext/resources/css/ext-all.css"><script type="text/javascript"src="${base}/script/ext/adapter/ext/ext-base.js"></script><script type="text/javascript" src="${base}/script/ext/ext-all.js"></script><script type="text/javascript" src="${base}/script/sample/second.js"></script></head><body><input id="btn" type="button" value="点击测试"></body></html>
?