从javascript刷新更新面板中的用户控件

Question

我正在处理一个项目，其中我希望刷新网页的一部分，其中包含动态data.user控件的用户控件将从文本文件加载数据，因为此文本文件将频繁更新。我需要单独刷新用户控件，而不是使用javascript刷新整个页面。我尝试了以下方法，但对我来说不起作用。

<%@ Page Language="C#" %>

<%@ Register src="ucTest.ascx" tagname="ucTest" tagprefix="uc1" %>

<script runat="server">

   void button_Click(object sender, EventArgs e)
   {
         lbltest.Text = "Refreshed by server side event handler at " + DateTime.Now + ".<br>";
   }

</script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>How to update an UpdatePanel with JavaScript</title>

   <script type="text/javascript">
   function UpdPanelUpdate()
   {
         __doPostBack("<%= button.ClientID %>","");
   }
   </script>

</head>
<body>
   <form id="form1" runat="server">
         <asp:ScriptManager ID="ScriptManager1" runat="server" />
         <div>


   <a href="javascript:UpdPanelUpdate()">Update the Panel</a>

      <asp:Button ID="button" runat="server" OnClick="button_Click" style="display:none;"/>

            <asp:UpdatePanel runat="server" ID="UpdatePanel1" UpdateMode="Conditional">
                  <ContentTemplate>
                        <uc1:ucTest ID="ucTest1" runat="server" />
                        <asp:Label ID="lbltest" runat="server"></asp:Label>
                  </ContentTemplate>
                  <Triggers>
                     <asp:AsyncPostBackTrigger ControlID="button" EventName="Click" />
                  </Triggers>
            </asp:UpdatePanel>
         </div>
   </form>
</body>
</html>

我的用户控件是。

    <%@ Control Language="C#" AutoEventWireup="true" CodeFile="ucTest.ascx.cs" Inherits="ucTest" %>
<table border="3">
      <tr>
            <td>
                  <%   Response.WriteFile("TextFile.txt"); %>
            </td>
      </tr>
</table>

这里TextFile.txthas一些经常会改变的信息。

任何帮助都将不胜感激。

Answer 1

为了简单起见，您可以将隐藏按钮放在UpdatePanel中，这样就不必放置异步触发器。首先，保持按钮可见，并查看更新面板是否正在刷新。如果是，则可以隐藏该按钮。

下一部分是通过模拟点击事件来触发按钮。我建议您使用跨浏览器解决方案中的库，例如jquery。例如,

function UpdPanelUpdate()
{
   $("<%= button.ClientID %>").click();
}

要使代码按钮工作，您应该尝试将__doPostBack("<%= button.ClientID %>","");的UseSubmitBehavior属性设置为false。