How to use UpdatePanel Control in Asp.Net
Introduction:
In this tutorial i will explain how to use updatepanel control for partial page rendering on webpage in asp.net with example.
Description:
In my previous tutorial i explained asp.net validation controls Tutorails, Asp.Net Ajax Tutorial Overview,Now we will see the how updatepanel will perform partial page rendering on the page.
To use an updatepanel control:
- Create a new webpage and switch to design view.
- Add ScriptManager control from the ajax extensions tab of toolbox to page.
- Then add a updatepanel control then take a label and button in inside updatepanel.
- In button click event update the current time in label.
Ajax updatepanel example:
In button Click event write code like this
Now run the page by ctrl+F5 then you will notice that whenever you submit the page(clicking the update button) the label is updated with present time but the whole page is not submitted. Thus update panel will perform Partial page rendering.
Related Tutorials
- Architecture of WPF.
- Creation of Three Tier Architecture in .Net Application.
- Difference between App.config and Web.Config
- Asp.Net Validation Controls Tutorial
- Asp.Net Ajax Tutorials
- Difference between Machine.Config and Web.Config in Asp.Net Framework.
- Basic Drawings and Shapes in WPF.
- How to read and write key values from and to App.config Settings file .Net Windows Application.
- How to Use RangeValidator Control in Asp.Net with Example.
- Asp.Net Ajax Server Controls, Ajax Control Toolkit Download and Installation Tutorial.
- How to Use ViewState in Asp.Net(State Management Techniques).
- How to use Hidden Field in Asp.Net with Example(State Managemet Techniques).
- Beginners Tutorial on How to use QueryStrings in Asp.Net(State Management Techniques).
- Asp.Net Cookie Usage Overview with example(State Management Techniques).
- Access Specifiers or Modifiers in C# with example(Oops Concept).
No comments:
Post a Comment
Please Give your Valuable Suggestions,Questions and Comments to improve my blog.