如何阻止UpdatePanel导致整页回发?
我正在使用.NET 3.5并在Community Server 2008框架内构建页面。
在其中一个页面上,我试图让UpdatePanel正常工作。
我直接从ASP.NET网站上获取样本, 通过单击按钮将UpdatePanel中的时间更新为当前时间,但出于某种原因,当我尝试执行该function时,整个页面刷新。
这是我有的:
protected void Button1_Click(object sender, EventArgs e) { Label1.Text = "Panel refreshed at " + DateTime.Now.ToString(); Label2.Text = "Panel refreshed at " + DateTime.Now.ToString(); }
每当我点击按钮,确保面板更新 – 但整个页面回发! 我可以看到整个页面闪烁。 我到底做错了什么?
我在嵌套的母版页内,但我不确定这是否是一个问题。 我正在使用的社区服务器框架中是否存在导致所有事件都回发的内容?
您是否尝试在触发器部分中将Button1
设置为AsyncPostBackTrigger
? 将ChildrenAsTriggers
属性设置为true
,将UpdateMode
属性设置为Conditional
。
protected void Button1_Click(object sender, EventArgs e) { Label1.Text = "Panel refreshed at " + DateTime.Now.ToString(); UpdatePanel1.Update(); }
我在上面的代码示例中没有看到Label2。 如果Label2位于UpdatePanel之外,则会发生整页刷新,因为这是页面正确更新Label2所需的内容。
默认情况下,UpdatePanels只会在其中的控件触发时动态刷新其中的内容。 如果您需要进行一些更高级的更新,请说面板外部的按钮导致刷新或更新其他面板中的标签,那么您需要在UpdatePanel上设置Conditional属性并进行一些手动更新调用在你的代码中。
在UpdatePanel控件上设置ChildrenAsTriggers="true"
。
“默认情况下,UpdatePanels只会在其中的控件触发时动态刷新其中的内容。”
否则整个页面都会刷新! 这才是重点!
另一个可能的原因是,如果页面具有ClientIDMode="static"
,那么您希望仅刷新UpdatePanel的控件将刷新整个页面。
要解决此问题,您只需在控件上设置ClientIDMode="AutoID"
触发UpdatePanel回发。
如果您有一个从.net framework v1.1升级的旧项目,则从Web配置中删除此行以使其正常工作: