खोज…
परिचय
यह विषय वर्णन करता है कि दो Microsoft Ajax सर्वर नियंत्रणों का उपयोग करके वेब पेज पर आंशिक-पृष्ठ अद्यतन समर्थन कैसे जोड़ा जाए: ScriptManager नियंत्रण और UpdatePanel नियंत्रण। ये नियंत्रण प्रत्येक पोस्टबैक के साथ पूरे पृष्ठ को ताज़ा करने की आवश्यकता को दूर करते हैं, जिससे उपयोगकर्ता अनुभव में सुधार होता है।
वाक्य - विन्यास
- <asp: UpdatePanel ID = "UpdatePanel1" runat = "server">
</ एएसपी: UpdatePanel>
टिप्पणियों
UpdatePanel को काम करने के लिए एक ScriptManager को पेज पर जोड़ा जाना चाहिए।
अपडेट पैनल उदाहरण
चरण 1: अपने पेज में ScriptManager जोड़ें
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
Step 2: ScriptManager के बाद अपने पेज में UpdatePanel को जोड़ें।
<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: अब अपना एप्लिकेशन चलाएं।
अपेक्षित परिणाम:
हर बार जब आप बटन पर क्लिक करते हैं तो पैनल सामग्री बदल जाती है, लेकिन पूरा पृष्ठ ताज़ा नहीं होता है। डिफ़ॉल्ट रूप से, एक UpdatePanel नियंत्रण के प्रॉपर्टीज चिल्ड्रनएस्ट्रिजंस सत्य है। जब यह गुण सही पर सेट हो जाता है, तो पैनल के अंदर नियंत्रण आंशिक पृष्ठ अपडेट में भाग लेता है जब पैनल में कोई भी नियंत्रण पोस्टबैक का कारण बनता है।