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 
{ 
}