1

私は jquery スライダーを使用しており、Nikunj の場合は 1、Ravi の場合は 2、最大 5 のように静的な値を使用しています。私のIDに関連しているので、どうすればこれを行うことができますか.

1 から 5 まで静的な単純な jquery コードがありますenter code hereが、データベースからの整数が必要です。増分スライダーにスナップを使用しています

My Code In javascript :

<script type="text/javascript" language="javascript">`$(function () {enter code here
            $("#slider1").slider({
                value:1,       // this value should come from database
                min: 1,        //this value should come from database
                max: 5,        //this value should come from database
                step: 1,
                slide: function (event, ui) {
                    var slideyvalue = getConnectedValueById(ui.value);
                    $("#txtlusty").text(slideyvalue );
                }
            });

        }); 

</script>
4

1 に答える 1

2

それらを隠しフィールドに送信し、jQuery 経由で参照します。

使用している場合は、次のMVCことができます。

@Html.HiddenFor(Model.SliderValue);
@Html.HiddenFor(Model.SliderMinVal);
@Html.HiddeFor(Model.SliderMaxVal);

使用している場合は、次のASP.NET WebFormsことができます。

<asp:HiddenField ID="SliderValue" runat="server" Value='1' />
<asp:HiddenField ID="SliderMinValue" runat="server" Value='50' />
<asp:HiddenField ID="SliderMaxValue" runat="server" Value='100' />

次に、それをスライダーに渡します。

<script>
      var val = $("#SliderValue").val();
      var minVal = $("#SliderMinVal").val();
      var maxVal = $("#SliderMaxVal").val();

      $("#slider1").slider({
            value:val,       // this value should come from database
            min: minVal,        //this value should come from database
            max: maxVal,        //this value should come from database
            step: 1,
            slide: function (event, ui) {
                var slideyvalue = getConnectedValueById(ui.value);
                $("#txtlusty").text(slideyvalue );
            }
        });

    }); 

</script>
于 2013-03-21T14:08:39.903 に答える