2012-05-30 116 views
2

我正在jquerymoble中使用asp.net webforms。jquery mobile和asp.net updatepanel問題

以下是我的代碼。

關於部分回發(在下拉選擇更改上),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> 

回答

3

你需要告訴jQuery Mobile的刷新控制

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

這個工作對我來說,當我把它的JavaScript頁面加載事件。 –