Question

我正在使用这个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。但是正在发生全面的回发。

我将标签放在占位符phMain中。

Answer 1

您需要绑定此小部件的幻灯片事件。

$(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" ) );
});

jQuery滑块触发updatepanel

1 个答案: