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 |
某个键盘的键被按下 |