Asp net ajax free tutorial

Page 1

Asp.Net Ajax Free Tutorials


Introduction to Asp.Net Ajax AJAX(Asynchronous JavaScript and XML) In traditional website which was developed without using AJAX, the following drawbacks are as follows. When post back occurs then entire page will be submitted to server including the data related to advertisements displayed on that page. Because of this the amount of data to transfer between client and server will increase that effect! the performance of the application. User must wait until entire page is loaded from server and he can't interact with the page until entire page is loaded.


AJAX Control Toolkit All the controls developed using AJAX features are provided as AJAX control Toolkit. But these control are not included in visual studio.net because they are provided as open source and any new features & controls added to it can be downloaded from the website to get latest features of the AJAX control Toolkit you can download AJAX control Toolkit from the website www.asp.net/Ajax.


Ajax Components AJAX contains the following important components. XML HTTP Xml HTTP is used for Asynchronous communication between client & web server which is not possible with HTTP.

JavaScript major part of AJAX is JavaScript and Microsoft provides pre-defined JavaScript libraries with in AJAX to send data from client to server. and server to client with the help of XMLHTTP. DHTML & DOM (Document object mode) These two components are used to dynamically update a particular part of the page. XML and JSON These two are the data formatters used by AJAX for transforming the data between client and server Asynchronously.


Ajax File Upload Control AJAX File Upload AJAX file upload is also used to upload files to the server. Advantage of this over A sync file uploader & file upload of control of ASP.net is you can select multiple files at a time with a Ajax file upload and displays the progress of uploading a file by clicking on the AJAX file upload you can select multiple files by holding control (ctrl) or shift key. You can also select multiple file by simple dragging & dropping the files on to the AJAX – file upload control. Properties

Allowed file type : Used to specify a list of allowed file types by separation them with (;) semicolon. Maximum Number of files: Used to specify the Maximum Number of files user can upload using the Ajax file upload


Ajax Slider Extender Slider Extender Slider Extender control is used to provide a slider on the page and allow the user to select a value within a specified rang using the slide. TargetContorlID: BoundcontrolID : Used to specify the control with in which you want to display the current value of the slide. Minimum & Maximum : Used to specify the range of values user can select with slider Extender Decimals : Used to specify number of digits you want to display after the decimal point. Example The following example demonstrates how to use the slider extender. Add a page to the website and place aToolkitscriptManager and a Textbox & label and set the ID’s of Textbox & lable as T1 & L1. Within HTML Source of the page drag & drop a sliderExtender & set following properties for it. <asp:sliderExtender ID=”sliderExtender1” runat=”server” TargetcontrolID=”T1” BoundcontrolID=”21” Minimum=”10” Maximum=”100” decimals=”2”> </asp:sliderExtender>


Ajax Extenders Within AJAX control Toolkit most of the controls are extender controls. Extender controls are the controls that extend the functionality of existing controls of Asp.net & these controls are not separate independent controls. The extender controls available in AJAX Toolkit are as follows. Ajax Calendar Extender Ajax Collapsible Extender Ajax Color Picker Extender Ajax Confirm Button Extender Ajax Modal Popup Extender


Ajax Calendar Extender Calendar Extender Calendar control is used to automatically popup the calendar when user click on a control like text box and automatically hiding after user select the date and the selected date is displayed in text box. Target control ID : Popup Position : Used to specify the position where to popup the calendar for the target control Popup Button ID : Used to specify ID of a Button control clicking on which the calendar has to popup. When this property was not set then clicking on target control itself with popup the calendar. Format : Used to specify the format for date to be displayed in the target control. While specifying the format use small d for the day, capital M for month & small y for the year.


And Also Issues Interview Questions How to’s For More Android Free Tutorials Please Visit: http://bit.ly/1xuEJid


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.