`

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表单中各种属性应用详解

    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.js 重写 numberfield 千分位,我的版本是ext.net2.4

    EXT核心API详解

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

    Ext Js权威指南(.zip.001

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

    ExtJS入门教程(超级详细)

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

    ext可编辑表格

    var fm = Ext.form; //构造一个只能包含checkbox的列 var checkColumn = new Ext.grid.CheckColumn({ header: 'Indoor?', dataIndex: 'indoor', width: 55 }); // 构造ColumnModel var cm = new Ext....

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

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

    EXT教程EXT用大量的实例演示Ext实例

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

    Extjs NumberField后面加单位实现思路

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

    extjs4的Ext.frorm.Panel控件属性说明和表单控件说明

    主要用例子说明extjs4的form表单的运用,其中有表单属性说明,表单控件运用说明如: title:'表单', //表单标题 bodyStyle:'padding:5 5 5 5', //表单边距 height:120, //表单高度 width:200, //表单宽度 ...

    NumberTextField:一个只允许输入数字的TextField

    numberField.placeholder=@"只能输入数字"; //设置精度 numberField.numeric=CGNumeric(10, 4); [self.view addSubview:numberField]; } #常用属性# ##numeric## Numeric结构体用来表示数字的

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

    Extjs中的表单组件是Ext.form.BasicForm,不过最简单最常用的是Ext.form.FormPanel控件,它继承自Panel,具有一定的界面显示控制能力,它其中包含着一个BasicForm对象,用来执行向服务器提交,加载等动作。...

    上机实验-2 (1).doc

    numberField.addKeyListener(new KeyAdapter() {//键盘事件监听者 public void keyTyped(final KeyEvent e) { double sum = 0,avg = 0; switch(e.getKeyChar()) { case KeyEvent.VK_SPACE: //分隔符为空格 ...

    包含各种类型的extjs小图标,Extjs4小图标

    包含各种类型的extjs小图标,Extjs4小图标

    redux-form-antd:Redux表单的Ant设计绑定

    Redux-form-antd redux-form和antd的绑定。 该库应与redux形式和react-final形式兼容。 欢迎索取最终形式的故事。 是一组包装器,用于促进将redd 与antd组件一起使用。 :eyes: 安装 使用 : $ npm install --...

    tingle-number-field:数字形式字段

    NumberField只能输入数字Simple Usageclass Demo extends React.Component { constructor(props) { super(props); this.state = { number: '' } } handleChange(newValue) { this.setState({ number: newValue }); }...

    react-components-form:React组件表单使您可以通过使用“ form-schema-validation”进行架构验证来创建表单

    NumberField 无线电场 CheckboxField DateField 自动完成字段 对象字段将字段包装到对象 ListField 将字段包装到数组 克隆字段组件(字段数组) SubmitField (提交表单的按钮) 自定义字段(FieldConnect) ...

    文本字段输入的实时NumberFormatter验证-Swift开发

    NumberField:TextField输入的实时NumberFormatter验证目前,构建基于SwiftUI的应用程序中最令人沮丧的部分之一是处理数字值的输入验证。 撰写本文时,nativ NumberField:TextField输入的实时NumberFormatter验证...

Global site tag (gtag.js) - Google Analytics