jquery mobile和asp.net updatepanel问题

时间:2012-05-30 12:38:40

标签: asp.net jquery-mobile

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

以下是我的代码。

On Partial postback(在下拉列表选择更改上),Iam缺少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>

1 个答案:

答案 0 :(得分:3)

你需要告诉jquery mobile刷新控件

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