docs/source/SpinnerField.html

   1 <html>\r
   2 <head>\r
   3   <title>The source code</title>\r
   4     <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
   5     <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
   6 </head>\r
   7 <body  onload="prettyPrint();">\r
   8     <pre class="prettyprint lang-js">Ext.ns('Ext.ux.form');\r
   9 \r
  10 <div id="cls-Ext.ux.form.SpinnerField"></div>/**\r
  11  * @class Ext.ux.form.SpinnerField\r
  12  * @extends Ext.form.NumberField\r
  13  * Creates a field utilizing Ext.ux.Spinner\r
  14  * @xtype spinnerfield\r
  15  */\r
  16 Ext.ux.form.SpinnerField = Ext.extend(Ext.form.NumberField, {\r
  17     deferHeight: true,\r
  18     autoSize: Ext.emptyFn,\r
  19     onBlur: Ext.emptyFn,\r
  20     adjustSize: Ext.BoxComponent.prototype.adjustSize,\r
  21 \r
  22         constructor: function(config) {\r
  23                 var spinnerConfig = Ext.copyTo({}, config, 'incrementValue,alternateIncrementValue,accelerate,defaultValue,triggerClass,splitterClass');\r
  24 \r
  25                 var spl = this.spinner = new Ext.ux.Spinner(spinnerConfig);\r
  26 \r
  27                 var plugins = config.plugins\r
  28                         ? (Ext.isArray(config.plugins)\r
  29                                 ? config.plugins.push(spl)\r
  30                                 : [config.plugins, spl])\r
  31                         : spl;\r
  32 \r
  33                 Ext.ux.form.SpinnerField.superclass.constructor.call(this, Ext.apply(config, {plugins: plugins}));\r
  34         },\r
  35 \r
  36     onShow: function(){\r
  37         if (this.wrap) {\r
  38             this.wrap.dom.style.display = '';\r
  39             this.wrap.dom.style.visibility = 'visible';\r
  40         }\r
  41     },\r
  42 \r
  43     onHide: function(){\r
  44         this.wrap.dom.style.display = 'none';\r
  45     },\r
  46 \r
  47     // private\r
  48     getResizeEl: function(){\r
  49         return this.wrap;\r
  50     },\r
  51 \r
  52     // private\r
  53     getPositionEl: function(){\r
  54         return this.wrap;\r
  55     },\r
  56 \r
  57     // private\r
  58     alignErrorIcon: function(){\r
  59         if (this.wrap) {\r
  60             this.errorIcon.alignTo(this.wrap, 'tl-tr', [2, 0]);\r
  61         }\r
  62     },\r
  63 \r
  64     validateBlur: function(){\r
  65         return true;\r
  66     }\r
  67 });\r
  68 \r
  69 Ext.reg('spinnerfield', Ext.ux.form.SpinnerField);\r
  70 \r
  71 //backwards compat\r
  72 Ext.form.SpinnerField = Ext.ux.form.SpinnerField;\r
  73 </pre>    \r
  74 </body>\r
  75 </html>