مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

nima13

عضویت از 1393/10/19

مشکل ریست شدن Rane Slider

  • جمعه 19 دی 1393
  • 10:56
تشکر میکنم

سلام

برای فیلترینگ دادها از ion-range slider  و یک buttonاستفاده کردم. هنگامی که button رو کلیک می کنم اسلایدر ریست می شود.اما من نمی خوام مقادیر اسلایدر ریست بشه. من این مشکل رو با rang slider های دیگه هم دارم.

 <asp:ScriptManager ID="ScriptManager2" EnablePageMethods="true"  runat="server"></asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1"  runat="server">
          <ContentTemplate>
        <div class="range-slider">
                <asp:TextBox ID="TextBox3"   maxlength="4"  class="js-range-slider" runat="server" ></asp:TextBox>
                </div>
                 <div class="extra-controls">
                <asp:TextBox ID="TextBox1"  maxlength="4"   class="inp js-from" runat="server" AutoPostBack="True"></asp:TextBox>
                <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
                <asp:TextBox ID="TextBox2" Text="1321"  maxlength="4" class="inp js-to" runat="server" AutoPostBack="True" ></asp:TextBox>
                </div>
                 <asp:Button ID="Button1" runat="server" Text="Button"  OnClick="Button1_Click1" />
            </ContentTemplate>
        <triggers>
 <asp:AsyncPostBackTrigger  ControlID="Button1" EventName="Click" />

Script

var $range = $(".js-range-slider"),
$from = $(".js-from"),
$to = $(".js-to"),
min = 0,
max = 999,
from = 0,
to = 999;
$range.ionRangeSlider({
type: "double",
min: min,
max: max,
from: from,
to: to,
onChange: function (data) {
    from = data.fromNumber;
    to = data.toNumber;
    updateValues();
}
});

$from.on("change", function () {
from = $(this).prop("value");
if (from < min) {
    from = min;
}
if (from > to) {
    from = to;
}

updateValues();    
updateRange();
});

$to.on("change", function () {
to = $(this).prop("value");
if (to > max) {
    to = max;
}
if (to < from) {
    to = from;
}

updateValues();    
updateRange();
});

var updateRange = function () {
$range.ionRangeSlider("update", {
    from: from,
    to: to
});
};

var updateValues = function () {
$from.prop("value", from);
$to.prop("value", to);
};

 var prm = Sys.WebForms.PageRequestManager.getInstance();
        if (prm != null) {
            prm.add_endRequest(function (sender, e) {
                if (sender._postBackSettings.panelsToUpdate != null) {

    // the above code


                }
            });
        };

پاسخ های این پرسش

تعداد پاسخ ها : 0 پاسخ
در حال حاضر هیچ پاسخی ارسال نشده است
کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)