AJAX Control Toolkit MultiHandleSlider readOnly句柄

Question

我對AJAX MultiHandleSliderExtender有個疑問。代碼如下：

<form runat="server" id="myForm"> 
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" CombineScripts="false" /> 

<asp:TextBox ID="strMinModTB" runat="server" Style="display:none;" Text="80" /> 
<asp:TextBox ID="strCurModTB" runat="server" Style="display:none;" Text="100" /> 
<asp:TextBox ID="strMaxModTB" runat="server" Style="display:none;" Text="160" /> 
<asp:TextBox ID="strSlider" runat="server" Style="display:none;" /> 

<asp:MultiHandleSliderExtender ID="strModMultiSlider" runat="server" 
      BehaviorID="strModMultiSlider" 
      TargetControlID="strSlider" 
      Minimum="0" 
      Maximum="300" 
      Length="600" 
      EnableHandleAnimation="true" 
      EnableKeyboard="false" 
      EnableMouseWheel="false" 
      ShowInnerRail="true" 
      ShowHandleDragStyle="true" 
      ShowHandleHoverStyle="true"> 
      <MultiHandleSliderTargets>     
       <asp:MultiHandleSliderTarget ControlID="strMinModTB" /> 
       <asp:MultiHandleSliderTarget ControlID="strCurModTB" /> 
       <asp:MultiHandleSliderTarget ControlID="strMaxModTB" /> 
      </MultiHandleSliderTargets>    
</asp:MultiHandleSliderExtender> 

<asp:Label ID="sliderLabel" runat="server" Visible="true"></asp:Label> 
</form> 

現在我要做的就是鎖定outter手柄的位置，並僅允許中間的一個範圍內被拖動從左邊漢勒向右一個從而改變在ASP中值：標籤（ID =「sliderLabel」）。

我試過textBoxes上的readOnly =「true」屬性，但沒有結果。還有IsReadOnly Extender屬性，但會阻止所有句柄。

此外，當我（含標籤的ID）的BoundControlID屬性添加到它停止工作擴展器（0位置的所有句柄，我不能再拖累他們）

有沒有解決的辦法還是我失去了一些東西？

謝謝你的回覆:)

Answer 1

你不需要爲MHSE的BoundControlID嗎？

此外，你可以不添加一個類到每個句柄，然後修復使用CSS的外部句柄位置？

查看下面的代碼示例。

ASP代碼

<asp:MultiHandleSliderExtender ID="strModMultiSlider" runat="server" 
      BehaviorID="strModMultiSlider" TargetControlID="strSlider" 
      Minimum="0" Maximum="300" Length="600" 
      EnableHandleAnimation="true" EnableKeyboard="false" 
      EnableMouseWheel="false" ShowInnerRail="true" 
      ShowHandleDragStyle="true" ShowHandleHoverStyle="true"> 
      <MultiHandleSliderTargets>     
       <asp:MultiHandleSliderTarget ControlID="strMinModTB" HandleCssClass="handle_outer"/> 
       <asp:MultiHandleSliderTarget ControlID="strCurModTB" HandleCssClass="handle_inner" /> 
       <asp:MultiHandleSliderTarget ControlID="strMaxModTB" HandleCssClass="handle_outer"/> 
      </MultiHandleSliderTargets>    
</asp:MultiHandleSliderExtender> 

CSS代碼

.handle_outer 
{ 
    //Code to Fix Handle in Place 
} 

.handle_inner 
{ 
}