As a result of the project, I have just started. NET development, the project manager introduced a. NET popular development framework Telerik. So I began to learn slowly, found that the control is still good, learning the content and beginners to explore together.
1: The first step
What is Telerik
Telerik is the r.a.d.controls Suite, the most revolutionary and extensive set of development tools for Professional-grade ASP. NET Development, for Ajax, Atlas , Visual Studio. NET 2005 , Visual Studio, and ASP . 3.5. With the powerful features of this product, developers can develop Web applications that are feature-rich, adaptable to a wide range of standards, and are compatible with interactive browsers.
< Span lang= "ZH-CN" > 2: Second step
go to the official website to download its app package: (click Try now)http://demos.telerik.com/aspnet-ajax/grid/examples/overview/defaultcs.aspx
After the installation is complete, your Visual Studio taskbar will come up with one more task, as shown in:
3: The third step
application in ASP. NET project:
<telerik:radwindowmanager runat= "Server" id= "Radwindowmanager" >
</telerik:RadWindowManager>
<telerik:radajaxloadingpanel id= "Radajaxloadingpanel" runat= "Server" >
</telerik:RadAjaxLoadingPanel>
<telerik:radajaxmanager id= "RadAjaxManager1" runat= "Server" >
<AjaxSettings>
<telerik:ajaxsetting ajaxcontrolid= "DataGrid" >
<UpdatedControls>
<telerik:ajaxupdatedcontrol controlid= "DataGrid" loadingpanelid= "Radajaxloadingpanel" ></telerik: Ajaxupdatedcontrol>
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:ajaxsetting ajaxcontrolid= "submitbtn" >
<UpdatedControls>
<telerik:ajaxupdatedcontrol controlid= "DataGrid" loadingpanelid= "Radajaxloadingpanel" ></telerik: Ajaxupdatedcontrol>
<telerik:ajaxupdatedcontrol controlid= "Formpane" ></telerik:AjaxUpdatedControl>
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
Radwindowmanager: Used more is the background popup box, EM:RadWindowManager.RadAlert ("Operation succeeded", 300, 200, "operation result", NULL);
Radajaxloadingpanel: With Ajaxsettings, for example, you want to click the OK button to implement a grid of no refresh update data, directly as the above code (submitbtn) settings can be.
4: Fourth Step
A complete example
<body> <form id="Form1"runat="Server"> <telerik:radscriptmanager runat="Server"Id="RadScriptManager1"/> <telerik:radskinmanager id="RadSkinManager1"runat="Server"Showchooser="true"/> <divclass="demo-containers"> <divclass="Demo-container Wrapper"> <telerik:radlabel runat="Server"Id="RadLabel1"Associatedcontrolid="RadTextBox1"text="Name"></telerik:RadLabel> <telerik:radtextbox rendermode="Lightweight"runat="Server"Id="RadTextBox1"></telerik:RadTextBox> <telerik:radlabel runat="Server"Id="RadLabel2"Associatedcontrolid="RadTextBox2"text="Email"requiredmark="*"Markdisplaymode="Required"></telerik:RadLabel> <telerik:radtextbox rendermode="Lightweight"runat="Server"Id="RadTextBox2"></telerik:RadTextBox> <telerik:radlabel runat="Server"text="Date of birth"Width="100px"Id="RadLabel4"Associatedcontrolid="RadDatePicker1"></telerik:RadLabel> <telerik:raddatepicker runat="Server"Id="RadDatePicker1"></telerik:RadDatePicker> <telerik:radcheckbox runat="Server"Id="RadCheckBox1"autopostback="false"> </telerik:RadCheckBox> <telerik:radlabel runat="Server"Id="RadLabel5"Associatedcontrolid="RadCheckBox1"text="I agree to the Terms & Conditions."> </telerik:RadLabel> <divclass="Button-wrapper"> <telerik:radbutton id="RadButton1"runat="Server"primary="true"text="Update Your profile"></telerik:RadButton> </div> </div> </div> </form></body>
View Code
Effect:
Initial study, there are errors in the place also ask you to point out (∩_∩)
Initial knowledge of Telerik for AJAX