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());
}}]
})
})
Extjs4Form之Number
最新推荐文章于 2019-12-12 18:11:50 发布