NumberBox£¨ÊýÖµÊäÈë¿ò£©

À©Õ¹×Ô$.fn.validatebox.defaults¡£Ê¹ÓÃ$.fn.numberbox.defaultsÖØÐ´Ä¬ÈÏÖµ¶ÔÏó¡£

ÊýÖµÊäÈë¿òÊÇÓÃÀ´ÏÞÖÆÓû§Ö»ÄÜÊäÈëÊýÖµÐÍÊý¾ÝµÄ¡£Ëû¿ÉÒÔת»»Ò»¸öÊäÈëµÄÔªËØµ½ÆäËûÀàÐÍ£¬±ÈÈ磺Êý×Ö¡¢°Ù·Ö±È¡¢»õ±ÒµÈ¡£¸ü¶àµÄÊäÈëÀàÐͶ¨ÒåÒÀÀµÓÚ'formatter'ºÍ'parser'º¯Êý¡£

 

ÒÀÀµ¹ØÏµ

 

Ó÷¨

ʹÓñêÇ©´´½¨ÊýÖµÊäÈë¿ò¡£

  1. <input type="text" class="easyui-numberbox" value="100" data-options="min:0,precision:2"></input>  

ʹÓÃJavascript´´½¨ÊýÖµÊäÈë¿ò¡£

  1. <input type="text" id="nn"></input>  
  1. $('#nn').numberbox({   
  2.     min:0,   
  3.     precision:2   
  4. });  
 

ÊôÐÔ

ÊýÖµÊäÈë¿òµÄÊôÐÔÀ©Õ¹×Ôvalidatebox(ÑéÖ¤¿ò)£¬ÊýÖµÊäÈë¿òÐÂÔöµÄÊôÐÔÈçÏ£º

ÊôÐÔÃû ÊôÐÔÖµÀàÐÍ ÃèÊö ĬÈÏÖµ
disabled boolean ÊÇ·ñ½ûÓøÃ×ֶΡ£ false
value number ĬÈÏÖµ¡£
min number ÔÊÐíµÄ×îСֵ¡£ null
max number ÔÊÐíµÄ×î´óÖµ¡£ null
precision number ÔÚÊ®½øÖÆ·Ö¸ô·ûÖ®ºóÏÔʾµÄ×î´ó¾«¶È¡££¨¼´Ð¡ÊýµãºóµÄÏÔʾ¾«¶È£© 0
decimalSeparator string ʹÓÃÄÄÒ»ÖÖÊ®½øÖÆ×Ö·û·Ö¸ôÊý×ÖµÄÕûÊýºÍСÊý²¿·Ö¡£ .
groupSeparator string ʹÓÃÄÄÒ»ÖÖ×Ö·û·Ö¸îÕûÊý×飬ÒÔÏÔʾ³ÉǧÉÏÍòµÄÊý¾Ý¡£(±ÈÈ磺99,999,999.00ÖеÄ','¾ÍÊǸ÷ָô·ûÉèÖá£)
prefix string ǰ׺×Ö·û¡£(±ÈÈ磺½ð¶îµÄ$»òÕߣ¤)
suffix string ºó׺×Ö·û¡£(±ÈÈ磺ºóÖõÄÅ·Ôª·ûºÅ€)
filter function(e) ¶¨ÒåÈçºÎ¹ýÂ˰´¼ü£¬µ±·µ»ØtrueʱÔòÔÊÐíÊäÈ룬·´Ö®½ûÖ¹¡££¨¸ÃÊôÐÔ×Ô1.3.3°æ¿ªÊ¼¿ÉÓã©
formatter function(value) ÓÃÓÚ¸ñʽ»¯ÊýÖµµÄº¯Êý¡£·µ»Ø×Ö·û´®ÖµÒÔÏÔʾµ½ÊäÈë¿òÖС£
parser function(s) ÓÃÓÚ½âÎö×Ö·û´®µÄº¯Êý¡£·µ»ØÊýÖµ¡£

 

ʼþ

ʼþÃû ʼþ²ÎÊý ÃèÊö
onChange newValue,oldValue µ±×Ö¶ÎÖµ¸ü¸ÄµÄʱºò´¥·¢¡£

 

·½·¨

ÊýÖµÊäÈë¿òµÄ·½·¨À©Õ¹×Ôvalidatebox(ÑéÖ¤¿ò)£¬ÊýÖµÊäÈë¿òÐÂÔö»òÖØÐ´µÄ·½·¨ÈçÏ£º

·½·¨Ãû ·½·¨²ÎÊý ÃèÊö
options none ·µ»ØÊýÖµÊäÈë¿òÊôÐÔ¡£
destroy none Ïú»ÙÊýÖµÊäÈë¿ò¶ÔÏó¡£
disable none ½ûÓÃ×ֶΡ£
enable none ÆôÓÃ×ֶΡ£
fix none ½«ÊäÈë¿òÖеÄÖµÐÞÕýΪÓÐЧµÄÖµ¡£
setValue value ÉèÖÃÊýÖµÊäÈë¿òµÄÖµ¡£

´úÂëʾÀý£º

$('#nn').numberbox('setValue', 206.12);
getValue none »ñÈ¡ÊýÖµÊäÈë¿òµÄÖµ¡£

´úÂëʾÀý£º

var v = $('#nn').numberbox('getValue');
alert(v);
clear none Çå³þÊýÖµÊäÈë¿òµÄÖµ¡£
reset none ÖØÖÃÊýÖµÊäÈë¿òµÄÖµ¡££¨¸Ã·½·¨×Ô1.3.2°æ¿ªÊ¼¿ÉÓã©