整個網頁仍然刷新，儘管使用更新面板

Question

好吧現在我的問題是，雖然我使用更新面板，每當我更新更新面板內的任何內容，整個網頁將刷新。

下面是代碼

<div id="firstbar"> 
      <asp:UpdatePanel ID="UpdatePanel1" runat="server" > 
       <ContentTemplate>  
     <div style="width:15%;float:left;"> 

      <asp:Image ID="Image1" runat="server" ImageUrl="~/Img/Untitled1.png" CssClass="imagez" /> 

     </div> 
     </ContentTemplate> 

 <div style="width:85%;float:left;height:100%;padding-top:2%;"> 

      <asp:Label ID="Label2" runat="server" Text="CPU" CssClass="auto-style7" Font-Names="sans-serif"></asp:Label> 
      <br /> 

      <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" CssClass="bla" DataSourceID="SqlDataSource1" DataTextField="Name" DataValueField="Name" Font-Names="sans-serif" AppendDataBoundItems="true" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged" > 
    <asp:ListItem Selected="True">Pick a CPU</asp:ListItem> 
    </asp:DropDownList> 
      <asp:UpdatePanel ID="UpdatePanel17" runat="server"> 
      <ContentTemplate> 

      <strong> 

      <asp:Label ID="Label3" runat="server" Text="$" CssClass="auto-style8" Font-Names="sans-serif"></asp:Label> 
       <asp:Label ID="Label4" runat="server" Text="0.00" CssClass="auto-style8" Font-Names="sans-serif"></asp:Label> 
      </strong> 

     </div> 
      </ContentTemplate> 
       </asp:UpdatePanel> 

    </div> 

Answer 1

你的更新面板僅包含非交互式控件（標籤和圖像），而交互項（如自動回發的下拉列表）在更新面板之外。只有發起在以內的回發更新面板將導致部分回發。所以你必須將這些控件移動到更新面板中。例如下拉列表：

<div style="width:85%;float:left;height:100%;padding-top:2%;"> 

      <asp:Label ID="Label2" runat="server" Text="CPU" CssClass="auto-style7" Font-Names="sans-serif"></asp:Label> 
      <br /> 

      <asp:UpdatePanel ID="UpdatePanel17" runat="server"> 
      <ContentTemplate> 
      <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" CssClass="bla" DataSourceID="SqlDataSource1" DataTextField="Name" DataValueField="Name" Font-Names="sans-serif" AppendDataBoundItems="true" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged" > 
    <asp:ListItem Selected="True">Pick a CPU</asp:ListItem> 
    </asp:DropDownList> 

      <strong> 

      <asp:Label ID="Label3" runat="server" Text="$" CssClass="auto-style8" Font-Names="sans-serif"></asp:Label> 
       <asp:Label ID="Label4" runat="server" Text="0.00" CssClass="auto-style8" Font-Names="sans-serif"></asp:Label> 
      </strong> 

     </div> 
      </ContentTemplate> 
       </asp:UpdatePanel> 
</div>