首页 > 代码库 > Extjs初学者（一）
Extjs初学者（一）
Ext.form.field.Number针对数字约束的配置项
1 <html> 2 <head> 3 <title>图书管理界面</title> 4 <link rel="stylesheet" type="text/css" href="../ext-4.2.1/resources/css/ext-all.css"/> 5 <script type="text/javascript" src="../ext-4.2.1/bootstrap.js"></script> 6 7 <script> 8 Ext.onReady(function(){ 9 Ext.QuickTips.init();10 var form = new Ext.form.FormPanel({11 title:‘示例‘,12 renderTo:document.body,13 height:150,14 width:250,15 frame:true,16 defaultType:‘numberfield‘,17 defaults:{18 labelSeparator:‘:‘,19 labelWidth:80,20 width:200,21 labelAlign:‘left‘,22 msgTarget:‘side‘23 },24 items:[25 {26 fieldLabel:‘整数‘,27 hideTrigger:true, //隐藏微调按钮28 allowDecimals:false, //不允许输入小数29 nanText:‘输入有效数字‘30 },31 {32 fieldLabel:‘小数‘,33 decimalPrecision:2, //精确到小数点后两位34 allowDecimals:true, 35 nanText:‘输入有效数字‘36 },37 {38 fieldLabel:‘数字限制‘,39 baseChars:‘12345‘ //输入数字范围40 },41 {fieldLabel:‘数字限制‘,maxValue:100,minValue:50},42 ]43 });44 45 });46 </script>47 </head>48 <body>49 </body>50 </html>
效果图：
Extjs初学者（一）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。