examples/slider/slider.js

   1 /*!
   2  * Ext JS Library 3.1.1
   3  * Copyright(c) 2006-2010 Ext JS, LLC
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 Ext.onReady(function(){\r
   8 \r
   9     new Ext.Slider({\r
  10         renderTo: 'basic-slider',\r
  11         width: 214,\r
  12         minValue: 0,\r
  13         maxValue: 100\r
  14     });\r
  15 \r
  16     new Ext.Slider({\r
  17         renderTo: 'increment-slider',\r
  18         width: 214,\r
  19         value:50,\r
  20         increment: 10,\r
  21         minValue: 0,\r
  22         maxValue: 100\r
  23     });\r
  24 \r
  25     new Ext.Slider({\r
  26         renderTo: 'vertical-slider',\r
  27         height: 214,\r
  28         vertical: true,\r
  29         minValue: 0,\r
  30         maxValue: 100\r
  31     });\r
  32 \r
  33     new Ext.Slider({\r
  34         renderTo: 'tip-slider',\r
  35         width: 214,\r
  36         minValue: 0,\r
  37         maxValue: 100,\r
  38         plugins: new Ext.ux.SliderTip()\r
  39     });\r
  40 \r
  41     var tip = new Ext.ux.SliderTip({\r
  42         getText: function(slider){\r
  43             return String.format('<b>{0}% complete</b>', slider.getValue());\r
  44         }\r
  45     });\r
  46 \r
  47     new Ext.Slider({\r
  48         renderTo: 'custom-tip-slider',\r
  49         width: 214,\r
  50         increment: 10,\r
  51         minValue: 0,\r
  52         maxValue: 100,\r
  53         plugins: tip\r
  54     });\r
  55 \r
  56     new Ext.Slider({\r
  57         renderTo: 'custom-slider',\r
  58         width: 214,\r
  59         increment: 10,\r
  60         minValue: 0,\r
  61         maxValue: 100,\r
  62         plugins: new Ext.ux.SliderTip()\r
  63     });\r
  64 });\r