2017-12-15 3 views
1

ajaxToolkit:SliderExtenderで制御できる2つのテキストボックスがあるとします。 1つのテキストボックスは、スライダーで境界が定められています。今私はいくつかのカスタマイズが必要です。スライダを大きくすると、最初のテキストボックスの値が小さくなります&その逆です。申し訳ありません私は私の質問を正しく投稿できるかどうかを知っています。しかし、私は下の参考文献のリンク(https://360rewards.standardchartered.com/in/award/detail/amazon-all-new-kindle-paperwhite-2015-wifi-3g/58361)のようなものを作りたいと思っています。asp.net control 2 ajaxスライダーエクステンダーコントロール付きテキストボックス

<form id="form1" runat="server"> 
     <asp:ScriptManager ID="sc1" runat="server"></asp:ScriptManager> 
    <div> 
     <asp:TextBox ID="txt1" runat="server"></asp:TextBox> 
     <asp:TextBox ID="txt2" runat="server"></asp:TextBox> &nbsp;&nbsp; 
     <asp:TextBox ID="txt3" runat="server"></asp:TextBox> 

     <ajaxToolkit:SliderExtender ID="SliderExtender1" runat="server" Minimum="5" Maximum="50" TargetControlID="txt1" BoundControlID="txt2" /> 
    </div> 
    </form> 

enter image description here

答えて

1

[OK]を、この

var firstTb = document.getElementById("txt1"); 
    firstTb.addEventListener("change", changeValue); 

    function changeValue() { 
     var max = 100;//your max slider value 
     var current = parseInt(firstTb.value); 

     document.getElementById("txt3").value = (max - current)/*here your calculations */; 
    } 

のようなJavaScriptの 何かでそれを行うことができ、私は があなたにBehaviorID = "sliderBehavior" を追加変更ダイナミックのための解決策を見つけたと思いますスライダーエクステンダーとjs

function pageLoad(sender, e) { 
     var slider = $find('sliderBehavior'); 
     slider.add_valueChanged(onValueChanged); 
    } 

    function onValueChanged(sender, e) { 
     var max = 100; 
     var current = parseInt(sender._value); 
     document.getElementById("txt3").value = (max - current)/*calculations*/; 
    } 
+0

Tハンクス。これは動作しますが、リアルタイムでも実行できますか?スクロールのように、値が反映されます。現在、私は摺動を完了した後に動作します – SUN

+0

おかげで仲間: - ) – SUN

関連する問題