我正在开发一个项目,我希望刷新网页的一部分,其中我有一个包含动态数据的用户控件。用户控件将从文本文件加载数据,因为此文本文件将经常更新。我需要使用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有一些经常更改的信息。
任何帮助将不胜感激。
答案 0 :(得分:2)
为了简化操作,您可以将隐藏按钮放在UpdatePanel中,这样就不必放置异步触发器。首先保持按钮可见,看看更新面板是否刷新。如果是,则可以隐藏按钮。
下一部分是通过模拟点击事件触发按钮。我建议你使用来自跨浏览器解决方案的jquery等库。例如,
function UpdPanelUpdate()
{
$("<%= button.ClientID %>").click();
}
要使代码__doPostBack("<%= button.ClientID %>","");
生效,您应该尝试将按钮的UseSubmitBehavior
属性设置为false。