ext.slider.html

Ext中文API,学习ext的同志只要你学会ext里的一种控件后其实其他的就大同小异了

<!--
Mock
<link rel="stylesheet" type="text/css" href="http://localhost/ext/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/docs.css"/>
<link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/style.css"/>
-->
<style type="text/css">
    body {
        overflow: scroll;
    }
    /**
	 .mdesc .long {
        display: block;
    }
     */
</style>
<!-- End Mock-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<div class="body-wrap">
    <div class="top-tools">
        <a class="inner-link" href="#Ext.Slider-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.Slider-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.Slider-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.Slider-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.Slider"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a>
    </div><h1>Class Ext.Slider</h1>
    <table cellspacing="0">
        <!--
        <tr>
        <td class="label">
        Package:
        </td>
        <td class="hd-info">
        </td>
        </tr>
        -->
        <tr>
            <td class="label">
                Defined In:
            </td>
            <td class="hd-info">
                Slider.js
            </td>
        </tr>
        <tr>
            <td class="label">
                Class:
            </td>
            <td class="hd-info">
                Ext.Slider
            </td>
        </tr>
        <tr>
            <td class="label">
                Extends:
            </td>
            <td class="hd-info">
                Ext.BoxComponent
            </td>
        </tr>
    </table>
    <div class="description">
        Slider which supports vertical or horizontal orientation, keyboard adjustments, 
  configurable snapping, axis clicking and animation. Can be added as an item to
  any container. Example usage:
<pre><code>
new Ext.Slider({
    renderTo: Ext.getBody(),
    width: 200,
    value: 50,
    increment: 10,
    minValue: 0,
    maxValue: 100
});
</code></pre>
 
    </div>
    <div class="hr">
    </div>
    <a id="Ext.Slider-configs"></a>
    <h2>配置项</h2>
    
        <table cellspacing="0" class="member-table">
            <tr>
                <th class="sig-header" colspan="2">
                    配置项
                </th>
                <th class="msource-header">
                    定义者
                </th>
            </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="value-header"></a>
                        <b>value</b>
                        : Number
                        <div class="mdesc">
                            <div class="short">
                                The value to initialize the slider ... 
                            </div>
                            <div class="long">
                                The value to initialize the slider with. Defaults to minValue.
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Slider
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="vertical-header"></a>
                        <b>vertical</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                Orient the Slider vertically rather... 
                            </div>
                            <div class="long">
                                Orient the Slider vertically rather than horizontally, defaults to false.
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Slider
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="minValue-header"></a>
                        <b>minValue</b>
                        : Number
                        <div class="mdesc">
                            <div class="short">
                                The minimum value for the Slider. D... 
                            </div>
                            <div class="long">
                                The minimum value for the Slider. Defaults to 0.
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Slider
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="maxValue-header"></a>
                        <b>maxValue</b>
                        : Number
                        <div class="mdesc">
                            <div class="short">
                                The maximum value for the Slider. D... 
                            </div>
                            <div class="long">
                                The maximum value for the Slider. Defaults to 100.
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Slider
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="keyIncrement-header"></a>
                        <b>keyIncrement</b>
                        : Number
                        <div class="mdesc">
                            <div class="short">
                                How many units to change the Slider... 
                            </div>
                            <div class="long">
                                How many units to change the Slider when adjusting with keyboard navigation. Defaults to 1. If the increment config is larger, it will be used instead.
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Slider
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="increment-header"></a>
                        <b>increment</b>
                        : Number
                        <div class="mdesc">
                            <div class="short">
                                How many units to change the slider... 
                            </div>
                            <div class="long">
                                How many units to change the slider when adjusting by drag and drop. Use this option to enable 'snapping'.
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Slider
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="clickToChange-header"></a>
                        <b>clickToChange</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                Determines whether or not clicking ... 
                            </div>
                            <div class="long">
                                Determines whether or not clicking on the Slider axis will change the slider. Defaults to true
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Slider
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="animate-header"></a>
                        <b>animate</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                Turn on or off animation. Defaults ... 
                            </div>
                            <div class="long">
                                Turn on or off animation. Defaults to true
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Slider
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="height-header"></a>
                        <b>height</b>
                        : Number
                        <div class="mdesc">
                            <div class="short">
                                此组件的高度（单位象素）（缺省为auto）。