2009-08-21 13 views
1

我现在有一个滑块控件,看起来像这样:如何向Ajax Slider控件添加不同的值?

<cc1:SliderExtender ID="sliderTest" runat="server" Enabled="True" 
TargetControlID="txtBoxTest" BoundControlID="lblTestSlider" 
Decimals="0" Maximum="10" Minimum="0" 
EnableHandleAnimation="true"> 
</cc1:SliderExtender> 

<asp:TextBox ID="txtBoxTest" runat="server"></asp:TextBox> 
<asp:Label ID="lblTestSlider" runat="server"></asp:Label> 

它的工作原理,并作为滑块移动数量从0变为10大!

我现在想要做的是更改滑块标签(lblTestSlider),以显示0到10(10个不同的文本值)中的每个值的不同文本,而不是数字。我怎样才能做到这一点?

回答

1

下面是一个丑陋的实现,我希望有人能找到更好的东西:

<asp:UpdatePanel runat="server"> 
    <ContentTemplate> 
     <ajax:SliderExtender ID="sliderTest" runat="server" 
      Enabled="True" 
      Decimals="0" Maximum="10" Minimum="0" 
      EnableHandleAnimation="true" 
      RaiseChangeOnlyOnMouseUp="true" 
      TargetControlID="txtBoxTest" /> 

     <asp:TextBox ID="txtBoxTest" runat="server" 
      OnTextChanged="txtBoxTest_TextChanged" 
      AutoPostBack="true" /> 
     <asp:Literal ID="litDisplay" runat="server" /> 
    </ContentTemplate> 
</asp:UpdatePanel> 

和代码隐藏:

protected void txtBoxTest_TextChanged(object sender, EventArgs e) 
{ 
    switch (int.Parse(((TextBox)sender).Text)) 
    { 
     case 0: 
     case 1: 
     case 2: 
     case 3: 
     case 4: litDisplay.Text = "Less than 5"; break; 
     case 5: 
     case 6: 
     case 7: 
     case 8: 
     case 9: 
     case 10: litDisplay.Text = "Greater than 5"; break; 
    } 
} 
相关问题