slider.js
上传用户:shuoshiled
上传日期:2018-01-28
资源大小:10124k
文件大小:1k
源码类别:

中间件编程

开发平台:

JavaScript

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