examples/form/number.js

   1 Ext.require('Ext.form.*');
   2
   3 Ext.onReady(function() {
   4     Ext.createWidget('form', {
   5         renderTo: 'example-form',
   6         title: 'Number fields with spinner',
   7         bodyPadding: 5,
   8         frame: true,
   9         width: 340,
  10         fieldDefaults: {
  11             labelAlign: 'left',
  12             labelWidth: 105,
  13             anchor: '100%'
  14         },
  15         items: [{
  16                 xtype: 'numberfield',
  17                 fieldLabel: 'Default',
  18                 name: 'basic',
  19                 value: 1,
  20                 minValue: 1,
  21                 maxValue: 125
  22             },{
  23                 xtype: 'numberfield',
  24                 fieldLabel: 'With a step of 0.4',
  25                 name: 'test',
  26                 minValue: -100,
  27                 maxValue: 100,
  28                 allowDecimals: true,
  29                 decimalPrecision: 1,
  30                 step: 0.4
  31             },{
  32                 xtype: 'numberfield',
  33                 hideTrigger: true,
  34                 fieldLabel: 'Without spinner',
  35                 name: 'without_spinner'
  36             }]
  37
  38     });
  39 });
  40