`
qinya06
  • 浏览: 601352 次
  • 性别: 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事件是JavaScript库EXT JS中的一个重要概念,EXT JS是一个强大的前端开发框架,主要用于构建桌面级Web应用程序。这个压缩包可能包含了关于EXT JS事件处理的详细资料,特别是针对中国开发者...

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

    在“Extjs源码之--Ext事件机制/继承关系”中,我们将深入探讨EXTJS如何处理事件以及其类层次结构。EXTJS的事件处理主要由EventManager.js这个文件负责,它是EXTJS事件系统的基础。 首先,EXTJS的事件机制基于观察者...

    ext事件模型

    ### ext事件模型详解 #### 一、概述 在前端开发领域,事件处理是构建交互式应用的核心技术之一。本文将详细介绍`ext事件模型`,它为开发者提供了一套灵活且强大的事件处理机制。通过理解`ext事件模型`的组件与工作...

    ext简单登录css/js插件

    4. **EXT事件处理**:在登录插件中,开发者可能会使用EXT的事件监听机制,比如在登录按钮上添加`click`事件监听器,当用户点击按钮时触发相应的登录处理函数。 5. **表单验证**:EXT提供了一套完整的表单处理机制,...

    ext开发人员ppt

    EXT事件模型使得组件能够响应用户的交互,如点击、鼠标移动等,并且能够灵活地与其他组件进行交互。 3. **观察者模式(Observer)** 观察者模式是设计模式中的一种,EXT中实现为事件监听器。Observer在...

    EXT中文手册.pdf

    响应事件是EXT的重要特性,手册会讲解如何绑定事件监听器,处理用户交互,以及EXT事件模型的工作原理。Widgets章节则深入探讨EXT的组件系统,包括如何创建和配置组件,以及组件间的关系和通信。 使用Ajax部分,手册...

    Ext开发总结

    `Observable`类是Ext事件模型的基础,它提供了一种方式来监听和响应对象上的事件。任何Ext组件都继承自`Observable`,可以通过`on`、`un`等方法来管理事件。`Observable`还支持事件拦截器,允许在事件触发前或后执行...

    ext PPT

    EXT事件模型支持事件委托,使得添加和移除事件监听器更加灵活,同时提供了丰富的事件类型,覆盖了组件生命周期的各个阶段。通过这部分学习,你能掌握EXT中事件驱动编程的基础。 3. **ExtJSObservable.ppt** ...

    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江湖》试读样章

    接着是“第5章 Ext事件系统”。ExtJS的事件处理机制是其强大功能的关键组成部分。这一章可能详细解释了如何注册事件监听器、触发事件以及使用事件委托。了解事件系统的运作方式对于创建响应式的用户界面至关重要,...

    ext 实现的webQQ 源码、应用、含数据库

    5. **事件处理**:EXT事件模型使得代码可以响应用户的交互,如点击、拖放等,从而实现复杂的业务逻辑。 6. **可扩展性**:EXT的设计使得应用容易扩展和维护,开发者可以创建自定义组件来满足特定需求。 数据库部分...

    EXT checkbox 的 check 事件

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

    ext3.jar ext使用非常多

    在实际项目中,开发者可以通过Maven或者Gradle等构建工具将EXT3.jar作为依赖引入,然后在Java代码中创建EXT组件并进行事件绑定,实现业务逻辑。 在网站开发中,EXT框架的使用可以提供强大的用户界面,例如,通过EXT...

    ext教程、ext核心API 、ext中文教程

    EXT提供了一套完整的组件模型、数据绑定、事件系统和强大的布局管理,使得开发者能够创建出功能丰富的、交互性强的用户界面。 在"EXT教程"中,你将学习到EXT的基础知识,包括如何初始化应用、创建组件、布局管理...

    ext下载包,ext,ext包,ext下载

    适配器帮助EXT与不同的DOM操作和事件处理机制进行交互,使得在已有项目中集成EXT变得简单。 EXT还提供了一个强大的数据包,支持数据绑定和远程数据源的交互。这使得EXT组件能够动态地显示和操作来自服务器的数据,...

    ext学习资料 20篇详细学习笔记 初学者ext学习的文档

    EXT提供了一套完整的组件模型、数据绑定、事件系统和强大的布局管理,使得开发者能够创建功能丰富的、交互性强的Web应用。这份"ext学习资料 20篇详细学习笔记 初学者ext学习的文档"是针对EXT初学者的一份宝贵资源,...

    ext PPT,EXT 教程,EXT 中文帮助手册,EXT 中文手册,ext_教程(入门到精通),Ext技术程序文档大全.

    它们可能包括创建EXT应用的基本步骤、组件的使用方法、事件处理和响应机制等,是学习EXT的基础教材。 3. **EXT 中文帮助手册**:这是一份详细的辅助学习材料,可能包含EXT框架的高级特性,如AJAX通信、图表组件、...

    ext_教程 (ext 相 关)

    通过阅读这份文档,你可以了解EXT的基本架构,学习如何创建窗口、面板、表单等常用UI元素,以及如何管理布局、处理事件和数据绑定。 EXT学习文档是进一步深入EXT的重要资料。文档中可能涵盖了EXT的高级特性,如数据...

Global site tag (gtag.js) - Google Analytics