asp.net - asp.net ajax 多 slider 控件中的可变步骤

Question

我有一个 asp.net slider

<asp:TextBox ID="sliderTwo" runat="server" Style="display: none;" />
<ajaxToolkit:MultiHandleSliderExtender ID="multiHandleSliderExtenderTwo" runat="server" BehaviorID="multiHandleSliderExtenderTwo" TargetControlID="sliderTwo" Minimum="0" Maximum="100" Length="175" TooltipText="{0}" Orientation="Vertical" EnableHandleAnimation="true" EnableKeyboard="false" EnableMouseWheel="false" ShowHandleDragStyle="true" ShowHandleHoverStyle="true">
    <MultiHandleSliderTargets>
        <ajaxToolkit:MultiHandleSliderTarget ControlID="multiHandle2_1_BoundControl" />
        <ajaxToolkit:MultiHandleSliderTarget ControlID="multiHandle2_2_BoundControl" />
    </MultiHandleSliderTargets>
</ajaxToolkit:MultiHandleSliderExtender>

它有值 - 1,2,3, ... 100 但我想要值 -> 1,5,10,20,50,100,200,500,1000。

Answer 1

您可以如下设置最小值和最大值，但不能为 slider 上的点设置特定值。您可以使用 Steps 属性来错过范围内的数字，但这些步骤是一致的。

Minimum="1" Maximum="1000" Steps="5"

但是，如果特别想要只需要以下 9 个值 (1,5,10,20,50,100,200,500,1000)，您可以将 slider 设置为有 9 个点 Minimum="1"Maximum="9" 并具有知道例如的逻辑(客户端或服务器端)如果 slider 等于 3，则它在您的秤上为 10。

1 = 1
2 = 5
3 = 10
...
9 = 1000