examples/slider/slider.js

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