开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > 中间件编程 > 查看源码
Slider.html (Case Conflict 1)
资源名称：ext-3.0.0.zip　[点击查看]
上传用户：shuoshiled
上传日期：2018-01-28
资源大小：10124k
文件大小：2k
源码类别：

中间件编程

开发平台：

JavaScript

Slider.html (Case Conflict 1)：源码内容
  1. <html>
  2. <head>
  3.   <title>The source code</title>
  4.     <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
  5.     <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
  6. </head>
  7. <body  onload="prettyPrint();">
  8.     <pre class="prettyprint lang-js">Ext.onReady(function(){
  10.     new Ext.Slider({
  11.         renderTo: 'basic-slider',
  12.         width: 214,
  13.         minValue: 0,
  14.         maxValue: 100
  15.     });
  17.     new Ext.Slider({
  18.         renderTo: 'increment-slider',
  19.         width: 214,
  20.         value:50,
  21.         increment: 10,
  22.         minValue: 0,
  23.         maxValue: 100
  24.     });
  26.     new Ext.Slider({
  27.         renderTo: 'vertical-slider',
  28.         height: 214,
  29.         vertical: true,
  30.         minValue: 0,
  31.         maxValue: 100
  32.     });
  34.     new Ext.Slider({
  35.         renderTo: 'tip-slider',
  36.         width: 214,
  37.         minValue: 0,
  38.         maxValue: 100,
  39.         plugins: new Ext.ux.SliderTip()
  40.     });
  42.     var tip = new Ext.ux.SliderTip({
  43.         getText: function(slider){
  44.             return String.format('<b>{0}% complete</b>', slider.getValue());
  45.         }
  46.     });
  48.     new Ext.Slider({
  49.         renderTo: 'custom-tip-slider',
  50.         width: 214,
  51.         increment: 10,
  52.         minValue: 0,
  53.         maxValue: 100,
  54.         plugins: tip
  55.     });
  57.     new Ext.Slider({
  58.         renderTo: 'custom-slider',
  59.         width: 214,
  60.         increment: 10,
  61.         minValue: 0,
  62.         maxValue: 100,
  63.         plugins: new Ext.ux.SliderTip()
  64.     });
  65. });
  66. </pre>    
  67. </body>
  68. </html>