UpdatePanel 컨트롤을 사용하여 내용 만 새로 고침

Question

UpdatePanel 컨트롤을 사용하여 왼쪽 패널 (메뉴)을 탐색 할 수 있습니까? Main.master에서 메뉴를

<dx:ASPxNavBar ID="ASPxNavBar1" runat="server" AutoCollapse="True" EnableAnimation="True" Width="100%"> 
    <dx:NavBarGroup Text="Group"> 
     <Items> 
      <dx:NavBarItem NavigateUrl="Content/Content1.aspx" Text="Content1"></dx:NavBarItem> 
      <dx:NavBarItem NavigateUrl="Content/Content2.aspx" Text="Data Subject"></dx:NavBarItem> 
     </Items> 
    </dx:NavBarGroup> 
</dx:ASPxNavBar> 

을 남겨가 나는 UpdatePanel 컨트롤

<div class="contentPane"> 
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" updatemode="conditional"> 
     <ContentTemplate> 
      <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server" /> 
     </ContentTemplate> 
    </asp:UpdatePanel> 
</div> 

를 사용하여 새로 고침 전용 콘텐츠를 사용하기 위해 노력하고있어하지만 작동하지 않습니다; 메뉴를 탐색 할 때 헤더 및 메뉴가 다시로드됩니다.

Content1.aspx 및 Content2.aspx 파일은 평소 당신이 UpdatePanel을 사용하는 이유가 궁금 <asp:content> 태그

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"> 
    <dx:ASPxGridView ID="ASPxGridView1" runat="server" AutoGenerateColumns="False" KeyFieldName="PK" Width="750px"> 
     <Columns> 
      <dx:GridViewCommandColumn ShowNewButtonInHeader="True" VisibleIndex="0" ShowDeleteButton="True" ShowEditButton="True"> 
      </dx:GridViewCommandColumn> 
      <dx:GridViewDataTextColumn FieldName="PK" ReadOnly="True" Visible="false" VisibleIndex="1"> 
      </dx:GridViewDataTextColumn> 
      <dx:GridViewDataTextColumn FieldName="Name" VisibleIndex="2"> 
      </dx:GridViewDataTextColumn> 
     </Columns> 
    </dx:ASPxGridView> 
</asp:Content> 

Answer 1

의 내부 내용입니다 requeriment 것이 있나요? 당신이 DevExpress의이

<script type="text/javascript"> 
     var postponedCallbackRequired = false; 
     function OnListBoxIndexChanged(s, e) { 
      if(CallbackPanel.InCallback()) 
       postponedCallbackRequired = true; 
      else 
       CallbackPanel.PerformCallback(); 
     } 
     function OnEndCallback(s, e) { 
      if(postponedCallbackRequired) { 
       CallbackPanel.PerformCallback(); 
       postponedCallbackRequired = false; 
      } 
     } 
    </script> 

<dx:ASPxListBox runat="server" Height="221px" Width="100%" TextField="Name" DataSourceID="EmployeesDataSource1" 
         ValueField="EmployeeID" ID="ASPxListBox1" ClientInstanceName="ListBox" BackColor="Transparent"> 
         <Border BorderWidth="0px"></Border> 
         <ItemStyle> 
          <Border BorderWidth="0px"></Border> 
         </ItemStyle> 
         <ClientSideEvents SelectedIndexChanged="OnListBoxIndexChanged" /> 
        </dx:ASPxListBox> 


<dx:ASPxCallbackPanel runat="server" ID="ASPxCallbackPanel1" Height="250px" ClientInstanceName="CallbackPanel" RenderMode="Table"> 
         <ClientSideEvents EndCallback="OnEndCallback"></ClientSideEvents> 
         <PanelCollection> 
          <dx:PanelContent ID="PanelContent3" runat="server"> 
</dx:PanelContent> 
         </PanelCollection> 
        </dx:ASPxCallbackPanel> 

을 제어 사용하고 있기 때문에 당신은 here