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

时间:2011-08-02 05:56:44

标签: javascript asp.net user-controls updatepanel

我正在开发一个项目,我希望刷新网页的一部分,其中我有一个包含动态数据的用户控件。用户控件将从文本文件加载数据,因为此文本文件将经常更新。我需要使用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.txt有一些经常更改的信息。

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:2)

为了简化操作,您可以将隐藏按钮放在UpdatePanel中,这样就不必放置异步触发器。首先保持按钮可见,看看更新面板是否刷新。如果是,则可以隐藏按钮。

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

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

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