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

但是它不起作用；当浏览菜单时，标题和菜单仍然重新加载。

内容1.aspx和Content2.aspx文件在<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

我想知道为什么您要使用UpdatePanel --这是请求吗？我将使用一个ASPxCallbackPanel，它是很好的替代UpdatePanel，而且您可以使用它，因为您使用的是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>

您可以看到完整的示例代码这里。