asp.net - jquery mobile 和 asp.net updatepanel 问题

Question

我正在 asp.net webforms 中使用 jquerymoble。

以下是我的代码。

在部分回发(下拉选择更改时)，我缺少 updatepanel 下所有控件的 css 样式。

我该如何解决这个问题？

    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div data-role="page">
    <div data-role="content">
<a href="#page2" data-role="button" data-inline="true" data-rel="dialog" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="c">     Open Dialog </a>
</div>
    </div>
    <div id="page2" data-role="dialog">

        <div data-role="header" data-theme="d" role="banner">
        <h1 class="ui-title" role="heading" aria-level="1">Dialog</h1>
        </div>

        <div data-role="content" data-theme="c" role="main">
            <h1>Delete page?</h1>
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>

            <asp:DropDownList ID="ddlTest" runat="server" AutoPostBack="true" 
                onselectedindexchanged="ddlTest_SelectedIndexChanged">
            <asp:ListItem Text="One" Value="1"></asp:ListItem>
            <asp:ListItem Text="Two" Value="2"></asp:ListItem>
            <asp:ListItem Text="Three" Value="3"></asp:ListItem>
            </asp:DropDownList>
                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>


            <asp:Label ID="lblText" runat="server" Text="Label"></asp:Label>
            <asp:Label ID="lblValue" runat="server" Text="Label"></asp:Label>
            <br />


            </ContentTemplate>
            </asp:UpdatePanel>

        </div>
    </div>
    </form>

Answer 1

您需要告诉 jquery mobile 刷新控件

$("#<%=UpdatePanel1.ClientID%>").trigger("create");