ext事件触发

添加事件方法

enableToggle:   true         //开关状态，但不是设置状态

/**

 *任意事件

 */

listeners: { 'click': function() {        this.setText('Iwas clicked!');},

/**

 *单击事件

 */

handler: function () {

      Ext.Msg.alert('提示消息框','测试Button组件：handler事件！');

   },                               

menu:[                             //下拉’菜单‘

            {text:'Item 1'},

            {text:'Item 2'},

            {text:'Item 3'},

            {text:'Item 4'}

        ]

text:"Button组件基本用法",

tooltip:"提示信息：Button组件基本用法",

悬停提示

listeners: {

   render: function(field, t) {

      Ext.QuickTips.init();

      Ext.QuickTips.register({

      target: field.el,

      text: "a"

});}}

鼠标事件

vard = new Ext.util.DelayedTask(function(){   

   alert("过来");});

d.delay(1000);

定时器事件

vartask = {

   run: function() {

      alert("定时器"); },

   interval: 1000}

varrunner = new Ext.util.TaskRunner();

runner.start(task);

表格悬浮窗

renderer:function (value, meta,record,rowIndex,colIndex) {

 var max = 15;

meta.tdAttr= 'data-qtip="' + value + '"';

returnvalue.length < max ? value : value.substring(0, max - 3) + '...'; }

grid右键菜单

var ii=0;                      //表格右键菜单

varcontextmenu = new Ext.menu.Menu({

   id:'theContextMenu',

      items:[{

      text:'查看详情',

      handler:function(){

     Ext.Msg.alert("系统提示",ii);  }

}]});

 //添加右键监听

grid.on("itemcontextmenu",function(view,record,item,index,e,store){

   ii=index;                    //传参采用外部传参，（目前只能想到）

   e.preventDefault();         //禁止浏览器右键事件

   contextmenu.showAt(e.getXY());

});

 

 

事件对照表

元素事件
blur	元素失去焦点
change	内容被更改
focus	元素获得焦点
select	被选定
submit	提交
reset	重置
load	加载完成
鼠标事件
click	鼠标点击
dblclick	鼠标双击
mouseup	某个鼠标按键被松开
mouseout	鼠标移开
mousemove	鼠标被移动
mouseover	鼠标移动到某个元素上
mousedown	某个鼠标按键被按下
页面事件
unload	用户退出界面
resize	窗口被更改
键盘事件
keyup	某个键盘的键被松开
keypress	某个键盘的键被按下或按住
keydown	某个键盘的键被按下