AJAX Control Toolkit MultiHandleSlider 읽기 전용 핸들

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> 

이제 어떻게 내가 원하는 것은 따라서 ASP에서 값을 변경 올바른에 왼쪽 hanle에서 범위에서 드래그 할 단지 가운데 하나를 outter는 핸들의 위치를 ​​잠그고 허용하는 것입니다 : 레이블 (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 
{ 
}