Extjs4.0 NumberField的使用

使用Extjs4.0，页面中只需要引入ext-all.js就可以了，不需要引入ext-base.js。当然4.0压缩包中也找不到ext-base.js。

1、创建NumberField

            var numberFiled = new Ext.form.NumberField({width:200,renderTo: 'div1',});

2、设定最大值、最小值、初始值

var numberFiled = new Ext.form.NumberField({width: 200,name: 'numberField',value: 90,maxValue: 92,minValue: 88,renderTo: 'div1'
});

3、隐藏上下递增箭头、键盘导航、鼠标滚轮

           var numberFiled = new Ext.form.NumberField({width: 200,name: 'numberField',value: 90,hideTrigger: true,keyNavEnabled: true,mouseWheelEnabled: true,renderTo: 'div1'});

4、设置步进

    var numberFiled = new Ext.form.NumberField({width: 200,name: 'numberField',value: 90,step:5,renderTo: 'div1'});

5、设置错误时的提示文字

var numberFiled = new Ext.form.NumberField({width: 200,name: 'numberField',id: 'numberField',value: 90,step: 5,nanText:'真的错了',renderTo: 'div1'});var button = new Ext.Button({name: 'button',text: 'button',handler: function() {numberFiled.setRawValue("hello the world");},renderTo: 'div1'});

6、处理change事件

var numberFiled = new Ext.form.NumberField({width: 200,name: 'numberField',id: 'numberField',value: 90,step: 5,listeners: {change: function(field, value) {value = parseInt(value, 10);field.setValue(value + value % 2);}},renderTo: 'div1'});

转载于:https://www.cnblogs.com/yanni/p/3252931.html

Extjs4.0 NumberField的使用相关推荐

extjs4.0视频教程下载
发现www.uspcat.com 学习extjs4.0不错的论坛啊 http://www.uspcat.com/portal.php 视频教程下载 http://www.uspcat.com/foru ...
[01]EXTJS4.0的概述和HELLOWORD程序
1.HELLO WORD 模拟JS的alert 2.学习extjs4.0的准备工作和学习方法 HTML-->熟悉 CSS-->熟悉 javascript-->熟练 JS的OO,也就是 ...
使用vs2010+WCF发布json数据，ExtJS4.0进行调用
花了近一天的时间调试解决,希望对有相同需要的朋友有帮助: 1.新建一空网站,添加一个web页面webform1.aspx,添加ExtJs相关引用 <link href="ExtJs4. ...
[05]EXTJS4.0的读写器reader,writer
Reader:主要用于将proxy数据代理读取的数据按照不同的规则进行解析,将解析好的数据保持到Model(数据模型类)中结构图 Ext.data.reader.Reader 读取器的根类 Ex ...
extjs4.0的高级组件grid补充01选择模式selection和表格特性feature
2019独角兽企业重金招聘Python工程师标准>>> [转]extjs学习视频代码下载 Ext.define("AM.view.List",{ ext ...
Extjs4.0 开发笔记-desktop开始菜单动态生成方法
desktop开始菜单动态生成方法: Desktop.html中,在<scripts>中的Ext.onReady之前添加如下: var mArr = [];//这里是保存显示模块的数组va ...
extjs4.0 支持ie8_新的ExtJS发布4.02版和3.4版,提高性能并支持IE9
今天,我们的旗舰产品,Javascript框架ExtJS,同时发布了3.4和4.0.2两个版本,其中,3.4版本现在已经支持IE 9,而4.0.2版则进一步提供了性能和修复了错误,以及增加了一些功能. ...
Extjs4.0.7 MVC Architecture异常
uncaught exception: Ext.Loader is not enabled, so dependencies cannot be resolved dynamically. Mi ...
ExtJS4.0的数据集 .
Store数据集是一个客户端数据模型对象Model的缓存,它可以为ExtJS组件提供数据输入(例如:GridPanel.ComboBox.DataView等),Store通过数据代理加载数据,也可以手 ...

Extjs4.0 NumberField的使用

Extjs4.0 NumberField的使用相关推荐

最新文章

热门文章