`

Ext_数字输入框_Ext.form.NumberField

    博客分类:
  • ext
阅读更多

/* 
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

分享到:
评论

相关推荐

    EXT.form组件

    9. `numberfield`:`Ext.form.NumberField`继承自`Ext.form.TextField`,专用于处理数字输入。它提供了额外的配置项,如允许小数、负数,设定最大最小值和精度,以及自定义小数分隔符。 10. `radio`:`Ext.form....

    ExtJs_xtype一览

    - `numberfield`:`Ext.form.NumberField`,数字输入框。 - `radio`:`Ext.form.Radio`,单选按钮。 - `textarea`:`Ext.form.TextArea`,多行文本输入框。 - `textfield`:`Ext.form.TextField`,单行文本...

    extjs帮助文档pdf版

    - `Ext.Number.toFixed(number, digits)`: 将数字四舍五入到固定的小数位数。 #### 4. String 类 (P.4) - **概述**:提供了处理字符串的操作方法。 - **常用方法**: - `Ext.String.capitalize(string)`: 将字符...

    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. ...

    ext可编辑表格

    在这个例子中,`columns`数组包含了多个对象,每个对象代表一列,其中`editor`属性指定了该列的编辑器,如`TextField`(文本框)、`ComboBox`(下拉框)和`NumberField`(数字输入框)。 - `TextField`允许用户...

    EXT2.0中文教程

    4.1. 不用ext的form啊,不怕错过有趣的东西吗? 4.2. 慢慢来,先建一个form再说 4.3. 胡乱扫一下输入控件 4.4. 起点高撒,从comboBox往上蹦 4.4.1. 凭空变出个comboBox来。 4.4.2. 把select变成comboBox。 4.4.3. ...

    extJs xtype 类型

    11. **`numberfield`:** 数字编辑器组件,用于让用户输入数字,通过`Ext.form.NumberField`类实现。 12. **`radio`:** 单选按钮组件,通过`Ext.form.Radio`类实现。 13. **`textarea`:** 多行文本组件,用于创建...

    Extjs实用教程

    - **NumberField**: `Ext.form.NumberField`,数字输入框。 - **Radio**: `Ext.form.Radio`,单选按钮。 - **TextArea**: 由于原文未提及,但这是一个常见的表单字段,用于多行文本输入。 #### 四、各功能组件...

    extjs详细ppt

    - **数字框 (`Ext.form.field.Number`)**:仅接受数字输入。 - **日期选择器 (`Ext.form.field.Date`)**:提供日期选择功能。 - **复选框组 (`Ext.form.field.CheckboxGroup`)**:一组复选框。 - **单选按钮组 ...

    Extjs NumberField后面加单位实现思路

    UnitText.js ======================= 代码如下: // 输入框textfield后面放字unitText定义: Ext.override(Ext.form.TextField, { unitText : ”, onRender : function(ct, position) { Ext.form.TextField....

    extjs-form:使用 Sencha ExtJS 的简单表单

    例如,`Ext.form.TextField` 用于创建文本输入框,`Ext.form.NumberField` 用于数字输入,还有 `Ext.form.DateField` 用于日期选择等。表单字段可以通过 `xtype` 属性定义,并在 `items` 配置项中添加到表单面板...

    Extjs学习笔记之二 初识Extjs之Form

    在Extjs中,常见的表单项(FormField)包括TextField(文本框)、NumberField(数字输入框)、Radio(单选按钮)和CheckBox(复选框)等。这些组件都具备额外的特性,如数据验证。例如,TextField可以通过`...

    extjs3.0部分插件代码

    Spinner插件通常与Ext.form.NumberField一起使用,提供一种用户友好的交互方式来调整数值。它的主要特点包括: 1. **数值控制**:Spinner提供了最小值、最大值、步长和增量的设定,确保用户在设定范围内调整数值。 ...

    Extjs中常用表单介绍与应用

    - numberfield:数字输入框 - radio:单选按钮 - textarea:文本区域 - textfield:文本输入框 - timefield:时间选择框 - trigger:触发字段,可以带一个按钮 使用xtype的好处是可以在不显式创建每个组件实例的...

    ExtJS的xtype列表

    - `numberfield`: 数字输入框,验证输入为数字。 - `radio`: 单选按钮,用于选择单个选项。 - `textarea`: 多行文本输入框,用于长文本输入。 - `textfield`: 文本输入框,用于单行文本输入。 - `trigger`: ...

Global site tag (gtag.js) - Google Analytics