Extjs4Form之Number
2013-11-25 10:56
197 查看
Ext.onReady(function(){ var textFomr = Ext.create("Ext.form.Panel",{ title : "form中文本框数字框的实例", bodyStyle :'padding:5 5 5 5', frame : true, height : 250, width : 400, id:'my_form', renderTo:'formDemo', defaultType:'numberfield',//数字框 defaults:{ labelSeparator :": ", labelWidth : 80, width : 200, allowBlank: false, msgTarget : 'side', labelAlign:'left' }, items:[{ fieldLabel:'整数微调', allowDecimals:false,//叫你不能输入小数 name:'num1', id:'num1' },{ fieldLabel:'整数', allowDecimals:false,//叫你不能输入小数 name:'num2', id:'num2', hideTrigger : true//隐藏触发按钮,默认是false },{ fieldLabel:'小数', name:'num3', id:'num3', emptyText :'请输入小数',//在没有输入之前显示 hideTrigger : false, decimalPrecision:3//3位小数,默认是两位(四舍五入) },{ fieldLabel:'定界小数', name:'num3', id:'num3', minValue:10,//如果输入不对,会有提示 maxValue:100, emptyText :'请输入小数', hideTrigger : false, decimalPrecision:3 },{ fieldLabel:'输入限定', name:'num4', id:'num4', baseChars:'01',//只能输入0或1 hideTrigger : true },{ fieldLabel:'限定步长', name:'num5', id:'num5', step:0.8, hideTrigger : false, value:'20'//默认值 },{ fieldLabel:'只读字段', name:'num6', id:'num6', step:0.8, hideTrigger : false, value:'20', //readOnly:true//不能修改 disabled : true//不启用,也是不能修改 }], buttons: [ {text:'登陆系统',handler:function(b){ var formObj = Ext.getCmp("my_form"); var basic = formObj.getForm(); console.log(basic.getValues()); }}] }) })
相关文章推荐
- Extjs4循序渐进(三)——表单及表单控件详解一(表单布局和基础控件 Text,TextArea,Number,Checkbox,Radio,Date)
- EXTJS在textfield、numberfield中加入单位
- Extjs-扩展 Date String Function Number Array
- extjs-常用方法(string、number、date、json、function)
- Extjs NumberField后面加单位实现思路
- ExtJS学习-----------Ext.Number,ExtJS对javascript中的Number的扩展
- Extjs NumberField后面加单位
- ExtJs4 Ext.util.Format.number 使用案例
- Extjs中numberfield小数位数设置
- Extjs NumberField后面加单位实现思路
- Extjs (numberfield validate )
- ExtJs 入门教程九[数字字段:NumberField、隐藏字段Hidden、日期字段:DataFiedl]
- ExtJS之Ext.form.field.Number数字输入框
- ExtJs NumberField或TextField不能处理KeyPress问题
- ExtJS之Ext.form.field.Number组件实例
- ExtJS NumberField小数自动截最后0问题
- ExtJs 入门教程八[数字字段:NumberField、隐藏字段Hidden、日期字段:DataFiedl]
- ExtJS numberfield textfield用法
- 无废话ExtJs 入门教程九[数字字段:NumberField、隐藏字段Hidden、日期字段:DataFiedl]
- ExtJs 入门教程二十[数字框 :NumberField]