使用javascript刷新UpdatePanel,无需重新加载页面

时间:2014-12-25 16:20:07

标签: javascript asp.net

我需要在UpdatePanel中显示XML中的数据(在DIV1中)。 DIV1被隐藏,但显示在DIV2上。我希望在单击DIV2而不是在页面加载时将数据加载到DIV1中。到目前为止,我已经达到了以下解决方案 的 --- ----- Default.aspx的

<div id="tool2" onclick="__doPostBack('ReloadThePanel','');">This is DIV2</div>

<div class="contentpanel2">
   <asp:ScriptManager ID="ScriptManager1" runat="server" />
      <asp:Panel ID="Panel1" GroupingText="UpdatePanel1" runat="server">
         <asp:UpdatePanel ID="updatebloglist" runat="server" UpdateMode="Conditional">
             <Triggers>
                <asp:AsyncPostBackTrigger ControlID="ReloadThePanel" EventName="Click" />
             </Triggers>
             <ContentTemplate>
                 <asp:Literal ID="litResults" runat="server" />
             </ContentTemplate>
         </asp:UpdatePanel>
      <asp:Button ID="ReloadThePanel" runat="server" style="display:none;" />
     </asp:Panel>
</div>

---- ---- Default.aspx.cs

protected void Page_Load(object sender, EventArgs e)
    {
        if (Request.Form["__EVENTTARGET"] == "ReloadThePanel")
        {
            ReloadThePanel_Click(this, new EventArgs());
        }

    }

    public void ReloadThePanel_Click(object sender, EventArgs e)
    {
        readXML();
    }


但是,此解决方案的问题是,当单击DIV2时,数据将加载到DIV1中,但页面将在此过程中重新加载。我不希望页面加载点击div。请建议。

0 个答案:

没有答案