AJAXコントロールツールキットMultiHandleSlider readOnly handle

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ハンドルの位置をロックするだけ真ん中の1は、このようにASPで値を変更する右1に左hanleの範囲でドラッグできるようにすることです：ラベル（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 
{ 
}