Поиск…
Вступление
В этом разделе описывается, как добавить поддержку обновления частичной страницы на веб-страницу с помощью двух серверных элементов управления Microsoft Ajax: элемента управления ScriptManager и элемента управления UpdatePanel. Эти элементы управления устраняют необходимость обновления всей страницы с каждой обратной передачей, что улучшает работу пользователя.
Синтаксис
- <asp: UpdatePanel ID = "UpdatePanel1" runat = "server">
</ Жерех: UpdatePanel>
замечания
ScriptManager должен быть добавлен на страницу, чтобы сделать UpdatePanel работать.
Пример панели обновления
Шаг 1. Добавьте ScriptManager на свою страницу.
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
Шаг 2: добавьте UpdatePanel на свою страницу сразу после ScriptManager.
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate></ContentTemplate>
</asp:UpdatePanel>
Шаг 3: После добавления контента в шаблон содержимого UpdatePanels ваша страница aspx должна выглядеть примерно так:
<%@ Page Language="C#" %>
<!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 runat="server">
<title>Untitled Page</title>
<style type="text/css">
#UpdatePanel1 {
width:300px; height:100px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div style="padding-top: 10px">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<fieldset>
<legend>UpdatePanel</legend>
<asp:Label ID="Label1" runat="server" Text="Panel created."></asp:Label><br />
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
</fieldset>
</ContentTemplate>
</asp:UpdatePanel>
<br />
</div>
</div>
</form>
</body>
</html>
Шаг 4: добавьте эту часть на страницу C #:
protected void Button1_Click(object sender, EventArgs e)
{
Label1.Text = "Refreshed at " +
DateTime.Now.ToString();
}
Шаг 5: Запустите приложение.
Ожидаемый результат:
Содержимое панели изменяется каждый раз, когда вы нажимаете кнопку, но вся страница не обновляется. По умолчанию свойство ChildrenAsTriggers элемента управления UpdatePanel является истинным. Если для этого свойства установлено значение true, элементы управления внутри панели участвуют в обновлениях частичной страницы, когда любой элемент управления в панели вызывает обратную передачу.