`
tengji900
  • 浏览: 12647 次
  • 性别: Icon_minigender_2
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

Extjs 监听及修改数值

阅读更多

Extjs 监听及修改数值
1、动态改变numberfield的maxValue

listeners : {        

 select : function(f, r, i) {
  var numMaxValue = Ext.getCmp('XXX需要修改的numberfield

的idXXX');
  numMaxValue.maxValue=100;//需要的最大值值
 }
}

 2、可以监听change或者keyup事件,change事件是指textfield里面的数值已发生改变并失去焦点的时候触发,keyup事件是指textfield输入时按下任何键盘键后触发,keyup事件仅在enableKeyEvent配置项被设置为true时才触发此事件。 例如

{
xtype : 'textfield',
fieldLable : '标题',
listeners : {
      change : function(field,newValue,oldValue){
                   alert(newValue+'---'+'oldValue');
                   }         
        }
}

 

	            	items : [
	            	{
	            		id : 'btnSearch',
	            		xtype : 'numberfield',
	            		enableKeyEvents : true,
				listeners:{
         
				keyup : function(){ 
					var x=Ext.getCmp("btnSearch").getValue();
				  }}
                            }]

                   

 

详细请参考extjs API


 

分享到:
评论

相关推荐

    Extjs4.2 根据不同的数值设置tabpanel行的背景颜色

    ### Extjs4.2 根据不同的数值设置 TabPanel 行的背景颜色 #### 一、引言 在Web应用程序开发中,为了提高用户体验并使数据呈现更加直观易懂,开发者常常需要根据数据的不同状态来调整UI元素的样式。例如,在使用...

    extJs3升级extjs4方案

    ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败。ExtJS4 已完全重新写 grid ...

    EXTJS修改颜色实例源码

    在提供的实例源码中,我们看到的是如何在 EXTJS 中修改颜色的示例,具体涉及到 EXTJS 的 FormPanel 和 ComboBox 组件,以及自定义事件处理。 1. **FormPanel**: - `Ext.form.FormPanel` 是 EXTJS 中用于创建表单...

    ExtJS介绍及应用举例

    标题“ExtJS介绍及应用举例”表明了内容主要涉及对ExtJS框架的基本介绍和实际应用场景的展示。这可能包括如何初始化一个ExtJS项目,怎样使用其组件库,以及如何利用其数据绑定机制来处理服务器端数据。通过"jar包"的...

    Extjs 4.11 重写 Panel 添加 click事件

    总结起来,重写ExtJS 4.11 Panel的`click`事件涉及到创建Panel实例,添加事件监听器,以及可能的重写行为。理解并熟练运用这些方法将使你能够更灵活地定制和控制Panel的行为,从而提升应用的用户体验。通过深入学习...

    Extjs 重写Panel添加click事件

    然而,有时我们需要对Panel进行自定义,例如添加或修改事件处理。在这个场景中,我们将深入探讨如何在Ext JS中重写Panel并为其添加click事件。 首先,理解Panel的基本结构是至关重要的。一个Panel由多个部分组成,...

    ExtJS教程及源码

    教程包括ExtJS的新手入门、组件体系机构及使用、ExtJS中各控件的使用方法及示例应用等,是一个非常适合新手的ExtJS入门教程。

    extjs 实现动态表头

    动态表头是ExtJS中一个高级特性,它允许开发者根据需要在运行时动态地创建和修改表格的列结构。这在处理数据展示和操作时具有很大的灵活性,尤其在数据字段不确定或需要自定义的情况下非常实用。 标题“extjs 实现...

    EXTJS 样式 修正 css 可以调整extjs里面的字体大小

    EXTJS 样式 extjs字体大小 可以轻松在这个CSS文件里面调整EXTJS插件的字体大小,对这个有需求的同志们有福了!

    ExtJS开发插件及Ext包

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

    extjs流程界面设计器参考_ExtJS工作流设计器_extjs工作流_extjs_

    工作流设计器是一种工具,它允许用户通过图形化界面定义、修改和执行业务流程。基于ExtJS的工作流设计器,利用了ExtJS的强大组件模型和交互性,为用户提供了一个直观的方式来创建和编辑流程图。这样的设计器通常包括...

    extjs最简单的数据绑定和修改

    在提交更改之前,可以使用`store.getAt(index).set('fieldName', newValue)`来修改Store中的数据。修改后,如果启用了Store的`autoSync`,它会自动与服务器同步;否则,需要手动调用`store.sync()`。 5. 监听数据...

    extJS4升级至extJS6.6所遇问题及解决方案

    项目进行前端框架升级——extJS 4升级至extJS6.6所遇的一些问题及相对应的解决方案建议

    Extjs4.1 小例子(适合extjs初学者学习使用)

    6. **主题和皮肤**:了解如何自定义ExtJS的外观,包括使用SASS和Compass工具来修改主题。 7. **MVC模式**:理解ExtJS的MVC架构,包括Model、View、Controller的职责和相互协作。 8. **AJAX通信**:学习如何使用...

    EXTJS实例 EXTJS树,可以编辑的EXTJS,EXTJS3.0

    6. **监听事件**:为TreePanel和TreeEditor添加事件监听器,例如`beforeedit`、`validateedit`和`afteredit`,以控制编辑过程,如验证输入、保存更改等。 7. **自定义行为**:根据需求,可能还需要实现自定义的行为...

    EXTJS讲解个人项目经历

    EXTJS组件有自己的生命周期,包括创建、渲染、显示、隐藏、销毁等阶段,开发者可以监听和处理这些生命周期事件。 9. **布局管理**: EXTJS提供了多种布局模式,如Fit、Border、Form、Table等,用于控制组件在容器...

    ExtJS教程_完整版

    - **事件模型**:ExtJS拥有强大的事件驱动接口,可以监听各种用户动作和系统事件,如AJAX请求的开始、完成和失败等。 - **数据交互**:通过AJAX技术,ExtJS允许开发者在不刷新页面的情况下与服务器进行数据交互,...

    ExtJS快速入门 ExtJS快速入门 ExtJS快速入门

    ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门ExtJS快速入门 ExtJS快速入门 ExtJS...

    Extjs4.1(修改后的sdk.jsb3)

    "Extjs4.1(修改后的sdk.jsb3)" 提供了一个修复过的版本,解决了原版文件中的路径问题。这意味着你可以将这个修复后的`sdk.jsb3`文件替换到你的ExtJS 4.1构建目录下的`build`子目录中。这样做之后,IDE如Spket应该...

    ExtJS经典皮肤集合

    此外,ExtJS还支持动态皮肤切换,用户可以在运行时根据自己的喜好更改界面风格,这需要在代码中实现皮肤切换逻辑。 总的来说,ExtJS经典皮肤集合是开发高质量、美观的Web应用的重要资源,它使得开发者无需从零开始...

Global site tag (gtag.js) - Google Analytics