0

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

jQuery UI 滑块

  <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>
4

1 回答 1

0

不要回传。改为使用 AJAX。见http://api.jquery.com/jQuery.ajax/

于 2013-05-21T13:51:52.780 回答