/*
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
分享到:
相关推荐
9. `numberfield`:`Ext.form.NumberField`继承自`Ext.form.TextField`,专用于处理数字输入。它提供了额外的配置项,如允许小数、负数,设定最大最小值和精度,以及自定义小数分隔符。 10. `radio`:`Ext.form....
- `numberfield`:`Ext.form.NumberField`,数字输入框。 - `radio`:`Ext.form.Radio`,单选按钮。 - `textarea`:`Ext.form.TextArea`,多行文本输入框。 - `textfield`:`Ext.form.TextField`,单行文本...
- `Ext.Number.toFixed(number, digits)`: 将数字四舍五入到固定的小数位数。 #### 4. String 类 (P.4) - **概述**:提供了处理字符串的操作方法。 - **常用方法**: - `Ext.String.capitalize(string)`: 将字符...
4.1. 不用ext的form啊,不怕错过有趣的东西吗? 4.2. 慢慢来,先建一个form再说 4.3. 胡乱扫一下输入控件 4.4. 起点高撒,从comboBox往上蹦 4.4.1. 凭空变出个comboBox来。 4.4.2. 把select变成comboBox。 4.4.3. ...
在这个例子中,`columns`数组包含了多个对象,每个对象代表一列,其中`editor`属性指定了该列的编辑器,如`TextField`(文本框)、`ComboBox`(下拉框)和`NumberField`(数字输入框)。 - `TextField`允许用户...
4.1. 不用ext的form啊,不怕错过有趣的东西吗? 4.2. 慢慢来,先建一个form再说 4.3. 胡乱扫一下输入控件 4.4. 起点高撒,从comboBox往上蹦 4.4.1. 凭空变出个comboBox来。 4.4.2. 把select变成comboBox。 4.4.3. ...
11. **`numberfield`:** 数字编辑器组件,用于让用户输入数字,通过`Ext.form.NumberField`类实现。 12. **`radio`:** 单选按钮组件,通过`Ext.form.Radio`类实现。 13. **`textarea`:** 多行文本组件,用于创建...
- **NumberField**: `Ext.form.NumberField`,数字输入框。 - **Radio**: `Ext.form.Radio`,单选按钮。 - **TextArea**: 由于原文未提及,但这是一个常见的表单字段,用于多行文本输入。 #### 四、各功能组件...
- **数字框 (`Ext.form.field.Number`)**:仅接受数字输入。 - **日期选择器 (`Ext.form.field.Date`)**:提供日期选择功能。 - **复选框组 (`Ext.form.field.CheckboxGroup`)**:一组复选框。 - **单选按钮组 ...
UnitText.js ======================= 代码如下: // 输入框textfield后面放字unitText定义: Ext.override(Ext.form.TextField, { unitText : ”, onRender : function(ct, position) { Ext.form.TextField....
例如,`Ext.form.TextField` 用于创建文本输入框,`Ext.form.NumberField` 用于数字输入,还有 `Ext.form.DateField` 用于日期选择等。表单字段可以通过 `xtype` 属性定义,并在 `items` 配置项中添加到表单面板...
在Extjs中,常见的表单项(FormField)包括TextField(文本框)、NumberField(数字输入框)、Radio(单选按钮)和CheckBox(复选框)等。这些组件都具备额外的特性,如数据验证。例如,TextField可以通过`...
Spinner插件通常与Ext.form.NumberField一起使用,提供一种用户友好的交互方式来调整数值。它的主要特点包括: 1. **数值控制**:Spinner提供了最小值、最大值、步长和增量的设定,确保用户在设定范围内调整数值。 ...
- numberfield:数字输入框 - radio:单选按钮 - textarea:文本区域 - textfield:文本输入框 - timefield:时间选择框 - trigger:触发字段,可以带一个按钮 使用xtype的好处是可以在不显式创建每个组件实例的...
- `numberfield`: 数字输入框,验证输入为数字。 - `radio`: 单选按钮,用于选择单个选项。 - `textarea`: 多行文本输入框,用于长文本输入。 - `textfield`: 文本输入框,用于单行文本输入。 - `trigger`: ...