Question

我正在尝试使用JQuery UI Slider来更新Visual Studio中的gridview。有人能告诉我如何使用回发或其他功能来实现这一目标。谢谢你的时间。

JQuery UI Slider

  <script>
                $(function () {
                    $("#sliderrange1").slider({
                        range: true,
                        min: 0,
                        max: 2500,
                        step: 100,
                        values: [0, 2500],
                        slide: function (event, ui) {
                            $("#amount").val("MW " + ui.values[0] + " - MW " + ui.values[1]);
                            $("#minval").val(ui.values[0]);
                            $("#maxval").val(ui.values[1]);
                        },
                        stop: function (event, ui) {
                        }
                    });
                    $("#amount").val("MW " + $("#sliderrange1").slider("values", 0) +
                    " - MW " + $("#sliderrange1").slider("values", 1));
                    $("#minval").val($("#sliderrange1").slider("values", 0));
                    $("#maxval").val($("#sliderrange1").slider("values", 1));

                });
            </script>

我可以在网站上显示它们，但我现在需要做的是保留从Slider中选择的值以更新使用SQL命令查询数据库的Gridview。

HTML

<p>
                <label for="amount">
                    <br />
                    Output range:</label>
                <input type="number" id="amount" style="border: 0; color: #f6931f; font-weight: bold;" />

                <label for="minval">
                    <br />
                    minval:</label>
                <input type="number" id="minval" style="border: 0; color: #f6931f; font-weight: bold;" />

                <label for="maxval" visible="false">
                    <br />
                    maxval:</label>
                <input type="number" id="maxval" style="border: 0; color: #f6931f; font-weight: bold;" />
            </p>

Answer 1

不要回发。使用AJAX代替它。见http://api.jquery.com/jQuery.ajax/

从JQuery Slider更新Gridview

1 个答案: