`

extjs组件添加事件监听的三种方式

    博客分类:
  • UE
阅读更多

extjs对组件添加监听的三种方式 

  • 在定义组件的配置时设置

如代码中所示: 
Java代码 
  1. xtype : 'textarea',  
  2. name : 'dataSetField',  
  3. labelSeparator:'',  
  4. fieldLabel:'',  
  5. hideLabel: true,  
  6. allowBlank: true,  
  7. height: mainPanelHeight*0.8,  
  8. anchor:'99%',  
  9. listeners:{'blur':function(){  
  10.    alert(1);  
  11. }}  

  • 对组件变量通过on方法设置

假设有个类型为GridPanel的变量gridPanel,则通过on方法设置行双击事件 
Java代码 
  1. gridPanel.on('rowdblclick',function(gridPanel,_rowIndex,e){  
  2.   alert(2);  
  3. }  

  • 通过组件变量方法addListener()设置

如上述的gridPanel变量,添加行单击事件如下 
Java代码 
  1. gridPanel.addListener('rowclick',function(){  
  2.  alert(3)}  
  3. );  

分享到:
评论
1 楼 oushitian 2015-07-09  

相关推荐

    Extjs 4.11 重写 Panel 添加 click事件

    开发者可以为这些事件添加监听器来执行特定的函数。 要为Panel添加`click`事件,我们需要遵循以下步骤: 1. **创建Panel实例**:首先,创建一个Panel实例,定义其配置属性,如标题、宽度、高度等。例如: ```...

    Extjs 重写Panel添加click事件

    在Ext JS中,我们可以为任何具有DOM元素的组件添加click事件监听器。对于Panel来说,click事件可以监听在Panel的整个区域,或者特定的元素上,如标题、工具栏按钮等。 要重写Panel并添加click事件,我们首先需要...

    Extjs树分页组件扩展

    在ExtJS中,树形(Tree)组件是一种用于展示层级数据的强大工具,它允许用户以树状结构浏览和操作数据。然而,在处理大量数据时,一次性加载所有节点可能导致页面响应变慢,这时就需要引入分页功能。"Extjs树分页...

    ExtJs 动态添加表单

    在"动态添加表单"这个主题中,我们将深入探讨如何在ExtJS中实现表单的动态创建和管理。 首先,我们要理解表单(Form)在ExtJS中的基本概念。表单是数据输入和验证的核心组件,可以包含各种字段类型,如文本框、下拉...

    ExtJS日期多选组件源码

    通过研究和理解"ExtJS日期多选组件源码",开发者可以深入学习ExtJS组件设计、事件处理、数据绑定等核心概念,并能进一步定制适合自己项目需求的日期选择组件。这样的组件对于提高开发效率和用户体验具有积极的意义。

    ExtJS开发插件及Ext包

    - 插件的核心方法是`init`,在这个方法中,你可以向关联的组件添加事件监听器、修改配置或者在组件生命周期的特定阶段执行操作。 - 为了使用插件,需要将其包含在应用的脚本加载序列中,并通过`plugins`配置项将其...

    EXTJS中基于事件的编程探究.pdf

    EXT.util.Observable类是EXTJS中事件监听和响应的基础,任何继承自EXT.util.Observable的类都拥有fireEvent和addListener两个方法,分别用于触发事件和添加事件响应。 在EXTJS中,触发一个事件需要调用fireEvent...

    Extjs 年月日时分秒组件

    5. **可扩展性**:由于ExtJS组件的高度模块化,我们可以添加额外的功能,比如禁用某些日期或时间,或者添加自定义的验证规则。 6. **布局管理**:组件可以轻松地与其他UI元素一起在布局中使用,如表格、面板或窗口...

    EXTJS 4 树形表格组件使用示例

    总结来说,EXTJS 4的树形表格组件是一个强大且灵活的工具,它集成了树状结构和表格的特性,为开发者提供了一种高效展示和操作层次数据的方式。无论是在桌面端还是移动端的应用开发中,EXTJS 4的TreeGrid都是一个值得...

    ExtJs GridPanel双击事件获得双击的行

    在ExtJs中,GridPanel是用于展示数据的常用组件,它可以提供丰富的功能,如排序、分页、筛选等。在实际应用中,我们经常需要监听用户的交互行为,比如双击行进行进一步的操作。本篇文章将深入讲解如何在ExtJs ...

    EXTJS 上传组件及示例

    开发者可以根据实际需求,通过调整配置、编写事件处理器以及利用EXTJS的其他组件和工具,打造出满足各种需求的文件上传功能。同时,要确保在使用过程中充分考虑安全性,确保应用的稳定性和用户数据的安全。

    extJs中关于formPanel动态添加组件的验证问题

    5. **监听事件**:可以监听`fieldchange`事件来在字段值改变时即时进行验证,或者监听`beforesubmit`事件在表单提交前进行最后的验证。 在上述博客中,作者可能详细阐述了以上步骤,并可能分享了具体的代码示例,...

    ExtJS4下拉树组件

    在ExtJS4中,下拉树组件(TreeComboBox)是一种特殊的组合框,它结合了下拉列表和树形结构的功能,允许用户通过选择树节点来填充组合框的值。这种组件广泛应用于需要展示分层数据结构的应用场景中。 #### 二、核心...

    ExtJS PPT

    具体来说,EXTJS的事件监听有以下几种方式: 1. **`addListener` (或 `on`) 方法:**这是最常用的添加事件监听器的方式,例如`component.addListener('click', handlerFunction)`。这会在指定组件上监听'click'事件...

    ExtJS编写的youtube视频播放组件 示例

    1. ExtJS组件系统,包括组件的生命周期、配置和事件处理。 2. YouTube JavaScript API的使用,包括创建播放器实例和处理播放事件。 3. 自定义组件和插件的开发,提升代码的复用性和可维护性。 4. 布局管理器的运用,...

    extjs带复选框的树包括全选 反选 子选父以及 父选子

    ExtJS是一种流行的JavaScript框架,用于构建富客户端应用程序。在ExtJS中,树形组件(TreePanel)是一个常用的功能,用于展示层次结构的数据。当树形组件结合复选框时,可以实现用户对节点的选择操作,如全选、反选...

    extjs4.2 desktop 拓展

    ExtJS 4.2 Desktop 拓展是一个用于构建桌面样式的Web应用程序的框架,它提供了丰富的用户界面组件和交互效果。这个拓展是基于ExtJS 4.2版本,一个非常强大的JavaScript库,用于创建数据驱动、富客户端的Web应用。在...

    extjs 学习心得笔记

    3. **组件事件处理**:熟悉ExtJS中的事件机制,学会如何为组件添加事件监听器,这对于响应用户交互、更新数据模型等操作非常重要。 4. **数据绑定与模型使用**:掌握ExtJS的数据绑定机制,了解如何使用模型(Model)...

    ExtJs4 多附件上传组件

    2. **上传按钮**:一个触发上传动作的按钮,可以通过`Ext.Button`来创建,并添加监听事件处理文件上传。 3. **进度条**:在文件上传过程中展示进度信息,可以使用ExtJS的`ProgressBar`组件,配合Ajax请求的回调函数...

Global site tag (gtag.js) - Google Analytics