0

JQuery UI Slider を使用して Visual Studio のグリッドビューを更新しようとしています。これを達成するためにポストバックまたはその他の機能を使用する方法を誰かに教えてもらえますか。御時間ありがとうございます。

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 に答える