2012-05-30 6 views
2

Je travaille avec jquerymoble dans des webforms asp.net.jquery mobile et asp.net updatepanel question

Ce qui suit est mon code.

Sur Postback partiel (lors d'une modification de sélection déroulante), Iam ne contient pas de styles CSS pour tous les contrôles sous le panneau de mise à jour.

Comment puis-je résoudre ce problème?

<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> 

Répondre

3

Vous devez dire mobile jquery pour actualiser les contrôles

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

Cela a fonctionné pour moi quand je l'ai mis dans le javascript événement de chargement de page. –