2009-08-21 21 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; 
    } 
} 
相關問題