`
qinya06
  • 浏览: 584578 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

ext 事件

阅读更多
1.Grid
********************************************************************************************
初始化时添加
1、双击     
var cb = new Ext.grid.RowSelectionModel({     
    singleSelect:true //如果值是false,表明可以选择多行;否则只能选择一行     
});     
    
var alarmGrid = new Ext.grid.GridPanel({     
    
}     
alarmGrid.addListener('rowdblclick', rowdblclickFn);     
    
function rowdblclickFn(grid, rowindex, e){     
    grid.getSelectionModel().each(function(rec){     
    alert(rec.get(fieldName)); //fieldName,记录中的字段名     
    });     
}     
    
2、单击     
var cb = new Ext.grid.RowSelectionModel({     
    singleSelect:true //如果值是false,表明可以选择多行;否则只能选择一行     
});     
    
var alarmGrid = new Ext.grid.GridPanel({     
    
}     
alarmGrid.addListener('rowclick', rowclickFn);     
    
function rowclickFn(grid, rowindex, e){     
    grid.getSelectionModel().each(function(rec){     
    alert(rec.get(fieldName)); //fieldName,记录中的字段名     
    });     
}   
=========================================================================================
初始化配置

var cb = new Ext.grid.RowSelectionModel({   
     singleSelect:true //如果值是false,表明可以选择多行;否则只能选择一行   
});   
 
var alarmGrid = new Ext.grid.GridPanel({  
 
}   
alarmGrid.addListener('rowclick', rowclickFn);   
 
function rowclickFn(grid, rowindex, e){   
     grid.getSelectionModel().each(function(rec){   
     alert(rec.get(fieldName)); //fieldName,记录中的字段名   
     });   
}   
 
var grid = new Ext.grid.GridPanel({  
   store: <your datastore>,  
   columns:[<your columns>],  
   renderTo:'example-grid',  
   height:200,  
   listeners:{  
//单击  
       rowdblclick : function(grid,row){  
           alert("rowdblclick")  
       },  
//双击  
       rowclick:function(grid,row){  
           alert('rowclick')  
       }  
   }  
}); 
====================================================================================================================
tree
treepanel叶子节点,增加一个tabpanel,treepanel添加双击事件
{  
  xtype:'treepanel',  
  //.....  
  listeners: {  
    'dblclick':function(node,e){  
       //增加tabpanel  
    }  
  }  

============================================================================================
ext textfiled
添加双击事件
遇到一个对textfiled 双击事件进行监听的需求 原先采取的是失去焦点事件(ext的api中不包含双击事件),可是对于修改textfiled的内容却无法忍受,所以折腾了一下午想出个最蠢的办法 我不会去怎么注册事件然后有怎么使用监听的,下面是我的方法

var testTextFiled = new Ext.form.TextField({
        fieldLabel: 'test,
        name: 'test,
        labelSeparator: ':',
        width: 227,
        height: 25,
        allowBlank:false
    })

其实大家都可以用firedug可以看到对于的 窗口页面里所有对象的信息的 其实全都是html
下面我们来组成事件
registerEventToTextFile:function(){
        document.getElementById(testTextFiled .getId()).ondblclick=function(){
            alert('文本输入框的双击事件!');
        }
    }

这段必须是在页面构造完成以后才能去调用 要不会提示document.getElementById(testTextFiled .getId()).为空 这大家是可以理解的
完成对testTextFiled 对象注册了输入框的双击事件了
=============================================================================================================
分享到:
评论

相关推荐

    EXT dojochina Ext事件.rar

    EXT dojochina Ext事件.rar EXT dojochina Ext事件.rar

    ext事件模型

    ext事件模型 ,一个时间模型 example。

    Extjs源码之--Ext事件机制/继承关系

    NULL 博文链接:https://lovebeyond.iteye.com/blog/1197784

    ext.js监听事件

    ext封装的太死板,里面有常用到的15个ext.js触发事件和监听事件,对ext了解的不是特别深入,大部分都是经常碰到的

    Ext 深入剖析,使用UML对Ext类关系解读

    花费半年心血研究解读总结。包含了Ext的核心类解析,Ext对象原理,Ext事件模型,Ext布局模型,AJAX原理,Ext数据模型的本质原理;UML图例详解。

    EXT经典示例大全

    1.入门 2.ext事件处理 3.面板 4.工具栏 5.Viewport 6.窗口 7.对话框 内附:ext语法总结.txt

    EXT checkbox 的 check 事件

    EXTjs2 的treeNode 带有checkbox,可是API中,关于checkbox的事件就只有一个checkchange事件,所以写个方法传上来。

    EXT江湖05事件系统.pdf

    EXT江湖05事件系统

    Ext继承--Ext自定义组件的书写方式

    目的:该示例非常详细注释说明Ext的面向对象的编程方式,使用继承,然后重写父类的方法,以及注册自定义事件说明Ext框架是事件驱动的框架编程。 阅读对象:本中心学习Ext面向对象编程的人员 阅读条件:掌握OO的思路...

    Ext官方中文教程(可打包下载)

    Ext中的事件 简述模板 模板(Templates)的函数 教你创建Ext UI控件 事件的处理 Ext中的继承 Ext的类设计 Ajax通讯 JSON处理方法 函数的原型扩展 组件的使用: Tab标签页 Ext 1.x中的布局 Grid组件初学 Grid的...

    EXT核心API详解

    EXT核心API详解 1、Ext类 ………………………………… 2 2、Array类 …………………………… 4 3、Number类 …………………………… 4 4、String类 …………………………… 4 5、Date类 ……………………………… 5 ...

    Ext JS权威指南

    第5~9章分别讲解了ext js的事件及其应用、选择器与dom操作、数据交互、模板与组件、容器、面板、布局与视图;第10章和第11章分别详细介绍了重构后的gird和与gird同源的树;第12~16章分别讲解了表单、窗口、按钮、...

    Ext2.2开发指南--完整翻写Ext官方网站学习指南介绍

    3. 如果看到全中文的响应页面,说明工程运行正常,参见ExtStart.js文档,有非常详细的注释说明Ext.Element类与Ext.select()选择器的使用,以及事件处理的几种使用情况,最后是Ext框架使用Ajax技术的演示部分,需要...

    EXT2.0中文教程

    1.2. 看看ext-1.1.1的文档 1.3. 看看ext-2.0的文档 1.4. 为什么有的例子必须放在服务器上才能看到效果? 1.5. 为什么自己按照例子写的代码,显示出来总找不到图片 1.6. 我们还需要什么? 1.7. 入门之前,都看hello...

    Ext 开发指南 学习资料

    8.10. 灵异事件,Ext.state 8.11. 所谓的事件 8.12. 回头谈一谈Ext里的ajax 9. 沉寂吧!我们要自己的控件。 9.1. 下拉树形选择框TreeField 9.2. 带全选的checkbox树形CheckBoxTree 9.3. 带全选的checkbox的grid 9.4....

    EasyExt_006_Ext基础架构_事件机制

    EasyExt_006_Ext基础架构_事件机制

    ext 树控件+数据库

    实现ext与JSON的数据传递和显示,以及ext树的事件响应

    Ext.DataView 图片列表显示

    var reader = new Ext.data.JsonReader({totalProperty:'totalProperty',root:'root'},record); store = new Ext.data.Store({ proxy:proxy, reader:reader }); //尾 分页 var pagebar = new Ext....

    ext监听事件方法[初级篇]

    }Ext.onReady(function(){ Ext.get(“btnAlert”).addListener(“click”,a);//这里监听 //或者使用 Ext.get(“btnAlert”).on(“click”,a);//效果相同 });[removed] &lt;input id=”btnAlert” type=”button”...

    Ext+JS高级程序设计.rar

    第一部分 Ext Core 第1章 Ext Core重要概念 2 1.1 Ext.Element 2 1.1.1 获取HTMLElement节点的Ext.Element实例 2 1.1.2 CSS样式操作 3 1.1.3 DOM查询与遍历 4 1.1.4 DOM操作 6 1.1.5 事件处理 9 1.1.6 尺寸大小 13 ...

Global site tag (gtag.js) - Google Analytics