/*
Ext.form.NumberField独有配置表:
allowDecimals Boolean 是否允许输入小数(默认true)
allowNegative Boolean 是否允许输入负数(默认true)
baseChars String 输入有效数字集合,默认为'0123456789'
decimalPrecision Number 输入数字精度(默认保留小数点后2位)
decimalSeparator String 十进制分隔符(默认'.')
maxValue Number 允许输入最大数值
maxText String 最大值验证失败错误提示信息
minValue Number 允许输入最小值
minText String 最小值验证失败错误提示信息
nanText String 无效数据错误提示信息
*/
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL = '../extjs2.0/resources/images/default/s.gif';
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget = 'side';
var config = {
title:'Ext.form.NumberField示例',
labelSeparator:':',
labelWidth:80,
bodyStyle:'padding:5 5 5 5',
frame:true,
height:150,
width:250,
renderTo:'form',
items:[
new Ext.form.NumberField({
fieldLabel:'整数',
allowDecimals:false, //不允许输入小数
nanText:'请输入有效整数', //无效数字提示
allowNegative:false //不允许输入负数
}),
new Ext.form.NumberField({
fieldLabel:'小数',
decimalPrecision:2, //精确到小数点后2位(执行4舍5入)
allowDecimals:true, //允许输入小数
nanText:'请输入有效小数',
allowNegative:false
}),
new Ext.form.NumberField({
fieldLabel:'数字限制',
nanText:'请输入有效数字',
baseChars:'12345' //输入数字范围
}),
new Ext.form.NumberField({
fieldLabel:'数字限制',
maxValue:100, //最大值
maxText:'值太大',
minValue:50, //最小值
minText:'值太小'
})
]
}
var form = new Ext.form.FormPanel(config);
});
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/lulu_jiang/archive/2010/04/11/5473200.aspx
分享到:
相关推荐
1. Ext.form.NumberField 2. Ext.form.TextArea 3. Ext.form.TriggerField 4. Ext.form.DateField 5. Ext.form.ComboBox 6. Ext.form.TimeField
Ext.js 重写 numberfield 千分位,我的版本是ext.net2.4
49、Ext.form.TextField类 …………… 44 50、Ext.form.NumberField类 ………… 44 51、Ext.form.TextArea类 …………… 45 52、Ext.form.TriggerField类 ……… 45 53、Ext.form.DateField类 ………… 45 54、Ext....
Ex4.0共2个压缩包特性,《ext js权威指南》 前 言 第1章 ext js 4开发入门 / 1 1.1 学习ext js必需的基础知识 / 1 1.2 json概述 / 3 1.2.1 认识json / 3 1.2.2 json的结构 / 3 1.2.3 json的例子 / 4 1.2.4 ...
49、Ext.form.TextField类 …………… 44 50、Ext.form.NumberField类 ………… 44 51、Ext.form.TextArea类 …………… 45 52、Ext.form.TriggerField类 ……… 45 53、Ext.form.DateField类 ………… 45 54、Ext....
var fm = Ext.form; //构造一个只能包含checkbox的列 var checkColumn = new Ext.grid.CheckColumn({ header: 'Indoor?', dataIndex: 'indoor', width: 55 }); // 构造ColumnModel var cm = new Ext....
4.1. 不用ext的form啊,不怕错过有趣的东西吗? 4.2. 慢慢来,先建一个form再说 4.3. 胡乱扫一下输入控件 4.4. 起点高撒,从comboBox往上蹦 4.4.1. 凭空变出个comboBox来。 4.4.2. 把select变成comboBox。 4.4.3. ...
4.1. 不用ext的form啊,不怕错过有趣的东西吗? 4.2. 慢慢来,先建一个form再说 4.3. 胡乱扫一下输入控件 4.4. 起点高撒,从comboBox往上蹦 4.4.1. 凭空变出个comboBox来。 4.4.2. 把select变成comboBox。 4.4.3. ...
4.1. 不用ext的form啊,不怕错过有趣的东西吗? 4.2. 慢慢来,先建一个form再说 4.3. 胡乱扫一下输入控件 4.4. 起点高撒,从comboBox往上蹦 4.4.1. 凭空变出个comboBox来。 4.4.2. 把select变成comboBox。 ...
UnitText.js ======================= 代码如下: // 输入框textfield后面放字unitText定义: Ext.override(Ext.form.TextField, { unitText : ”, onRender : function(ct, position) { Ext.form.TextField....
主要用例子说明extjs4的form表单的运用,其中有表单属性说明,表单控件运用说明如: title:'表单', //表单标题 bodyStyle:'padding:5 5 5 5', //表单边距 height:120, //表单高度 width:200, //表单宽度 ...
numberField.placeholder=@"只能输入数字"; //设置精度 numberField.numeric=CGNumeric(10, 4); [self.view addSubview:numberField]; } #常用属性# ##numeric## Numeric结构体用来表示数字的
Extjs中的表单组件是Ext.form.BasicForm,不过最简单最常用的是Ext.form.FormPanel控件,它继承自Panel,具有一定的界面显示控制能力,它其中包含着一个BasicForm对象,用来执行向服务器提交,加载等动作。...
numberField.addKeyListener(new KeyAdapter() {//键盘事件监听者 public void keyTyped(final KeyEvent e) { double sum = 0,avg = 0; switch(e.getKeyChar()) { case KeyEvent.VK_SPACE: //分隔符为空格 ...
包含各种类型的extjs小图标,Extjs4小图标
Redux-form-antd redux-form和antd的绑定。 该库应与redux形式和react-final形式兼容。 欢迎索取最终形式的故事。 是一组包装器,用于促进将redd 与antd组件一起使用。 :eyes: 安装 使用 : $ npm install --...
NumberField只能输入数字Simple Usageclass Demo extends React.Component { constructor(props) { super(props); this.state = { number: '' } } handleChange(newValue) { this.setState({ number: newValue }); }...
NumberField 无线电场 CheckboxField DateField 自动完成字段 对象字段将字段包装到对象 ListField 将字段包装到数组 克隆字段组件(字段数组) SubmitField (提交表单的按钮) 自定义字段(FieldConnect) ...
NumberField:TextField输入的实时NumberFormatter验证目前,构建基于SwiftUI的应用程序中最令人沮丧的部分之一是处理数字值的输入验证。 撰写本文时,nativ NumberField:TextField输入的实时NumberFormatter验证...