Javascript 如何禁用固定div的自动回发

HTML代码：

  <form id="form1" runat="server">
     <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
    </asp:ScriptManager>
     <asp:UpdatePanel id="UpdatePanel1" runat="server">
    <ContentTemplate>
     <div>
    <table style="height: 40px">
    <tr>
    <td>

    <asp:TextBox ID="t1" runat="server" ></asp:TextBox>
     <asp:DropDownList ID="dd1" runat="server" Height="24px" 
            onselectedindexchanged="dd1_SelectedIndexChanged" Width="116px" 
            AutoPostBack="true"></asp:DropDownList>
      <asp:DropDownList ID="DropDownList1" runat="server" Height="41px" 
            onselectedindexchanged="DropDownList1_SelectedIndexChanged" Width="97px" 
            AutoPostBack="true" ></asp:DropDownList>
       <asp:DropDownList ID="DropDownList2" runat="server" 
            onselectedindexchanged="DropDownList2_SelectedIndexChanged" Width="334px" 
            AutoPostBack="true" Height="59px"></asp:DropDownList>
        <asp:Button ID="btn" runat="server" Text="display" onclick="btn_Click" /> 
     </td>
    </tr>
    <tr>
    <td>
    </td>
    </tr>
    </table>
    </div>
     <div id="PieChartExample">
            <table>
                <tr style='vertical-align: top'>
                    <td>
                        <div id="CategoryPickerContainer"></div>
                        <div id="SliderContainer"></div>
                    </td>
                </tr>
                <tr>
                    <td >
                        <div style="float: left;" id="PieChartContainer"></div>            
                        <div style="float: left;" id="TableContainer"></div>   

                    </td>
                </tr>
                <tr>
                    <td>
                           <div id="table"></div>
                    </td>

                </tr>
            </table>
        </div>

   </ContentTemplate>
   <Triggers>
  <asp:AsyncPostBackTrigger ControlID="btn" /> 
 </Triggers>
   </asp:UpdatePanel>
</form>

---

这是我的下拉列表和图表。所有下拉列表AutoPostBack均为“true”，因此每次更改值时，我的图表都将刷新。我不想刷新。我的图表应仅在单击btn后刷新。有人能帮我实现吗。

将

AutoPostBack

设置为

False

或者

如果使用UpdatePanels，则可以将AutoPostBack保持为true

有关使用UpdatePanels的信息，请参阅此处。

---

在

页面中加载
将图表加载代码放入
if（！IsPostBack）
块中。并使用
UpdatePanel
进行
部分回发
。因此，整个页面将不会刷新

像


如何绑定图表中的数据？在单击按钮..和仅下拉数据过滤后。设置
AutoPostBack=“false”
我不能这样做，因为每次更改下拉列表时，我都必须将一些数据填充到其他下拉列表中。我有一个问题，我正在使用单击按钮加载图表。如果我将整个代码放在asp:UpdatePanel中，我的按钮单击将不起作用。因此，我将asp:UpdatePanel保持在外部，但它的工作正常。整个页面是刷新的。如何避免。避免刷新的任何方法。@user3431717在我更新答案时尝试使用
触发器。
Set
UpdateMode=“Conditional”
用于
UpdatePanel
。如果不工作，请尝试删除
触发器
。我在本地计算机中尝试了您的代码。按钮点击到了断点！！！代码没有问题。尝试重新启动VS。或者将另一个按钮放在现有按钮的正下方并尝试使用它。谢谢。我知道该按钮工作正常（通过添加文本框值）。只是混淆了当按钮不在更新面板内时，它工作正常。
<form id="form1" runat="server">
 <asp:UpdatePanel id="upForm" runat="server">
  <ContentTemplate>
    <!-- Your HTML -->
  </ContentTemplate>
 </asp:UpdatePanel>
 <Triggers>
  <asp:AsyncPostBackTrigger ControlID="btn" /> 
 </Triggers>
</form>