0

私はこのjQueryスライダーを使用しています:

http://api.jqueryui.com/slider/

イベントを使用しchangeてスライドさせます。私のページに更新パネルがあります。スライダーを動かすと、updatepanel の値 (ラベルに表示) を変更したいと思います。

change非同期ポストバックを起動して、スライダーのイベントでupdatepanel を更新することは可能ですか? 私はjQueryが初めてです。だから助けてください。

<asp:Button ID="btnRefresh" runat="server" Text="Refresh"
                            OnClick="btnRefresh_Click" />
<div id="slider" runat="server"></div>
....
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
                            <Triggers>
                                <asp:AsyncPostBackTrigger ControlID="btnRefresh" />
                            </Triggers>
                            <ContentTemplate>
                                <fieldset id="fldMain" runat="server">
                                    <asp:Panel ID="Panel1" runat="server" Width="100%" >
                                        <asp:PlaceHolder ID="phMain" runat="server" ></asp:PlaceHolder>
                                    </asp:Panel>
                                </fieldset>
                            </ContentTemplate>
                        </asp:UpdatePanel>

アップデート：

スライダーのイベントで__doPostBack('UpdatePanel1', '');試してみました。changeしかし、完全なポストバックが発生しています。

ラベルを placeholder に入れていphMainます。

4

1 に答える 1

0

このウィジェットのスライド イベントをバインドする必要があります。

$(function() {
    $( "#slider-range-max" ).slider({
        range: "max",
        min: 1,
        max: 10,
        value: 2,
        slide: function( event, ui ) {
            $( "#amount" ).val( ui.value );
        }
    });
    $( "#amount" ).val( $( "#slider-range-max" ).slider( "value" ) );
});
于 2012-10-27T10:25:53.087 に答える