关于Telerik公司的ASP.NET AJAX控件使用的基础入门
最近在研究使用Telerik公司的ASP.NET AJAX控件，下面将最简单的入门配置列出来。
1.在Web.config文件中加入如下配置：
1 <configuration> 2 <system.web> 3 <compilation debug="true" targetFramework="4.0" /> 4 <httpHandlers> 5 <add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false"/> 6 </httpHandlers> 7 </system.web> 8 <system.webServer> 9 <handlers>10 <add name="Telerik_Web_UI_WebResource_axd" verb="*" preCondition="integratedMode" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource"/>11 </handlers>12 <validation validateIntegratedModeConfiguration="false"/>13 </system.webServer>14 </configuration>
2.添加ASPX文件代码如下：
1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Grid.aspx.cs" Inherits="WebTest.Grid" %> 2 3 <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 4 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 5 <html "http://www.w3.org/1999/xhtml"> 6 <head runat="server"> 7 <title></title> 8 </head> 9 <body>10 <form id="form1" runat="server">11 <div>12 <telerik:RadScriptManager ID="RadScriptManager1" runat="server">13 </telerik:RadScriptManager>14 <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">15 <AjaxSettings>16 <telerik:AjaxSetting AjaxControlID="RadGrid1">17 <UpdatedControls>18 <telerik:AjaxUpdatedControl ControlID="RadGrid1" />19 </UpdatedControls>20 </telerik:AjaxSetting>21 </AjaxSettings>22 </telerik:RadAjaxManager>23 <telerik:RadGrid ID="RadGrid1" runat="server" Skin="Office2010Silver" runat="server"24 AllowSorting="true" AllowPaging="true" HeaderStyle-HorizontalAlign="Center" ShowStatusBar="true"25 OnNeedDataSource="YizitGrid_NeedDataSource">26 <ClientSettings EnableRowHover AllowColumnsReorder="true" EnablePostBackOnRowClick="true">27 <Selecting AllowRowSelect="true" />28 <Resizing AllowColumnResize="true" />29 </ClientSettings>30 <PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>31 <MasterTableView DataKeyNames="Id">32 </MasterTableView>33 </telerik:RadGrid>34 </div>35 </form>36 </body>37 </html>
3.添加后台CS添加数据源代码如下：
protected void YizitGrid_NeedDataSource(object source, Telerik.Web.UI.GridNeedDataSourceEventArgs e) { if (!e.IsFromDetailTable) { //给定数据源 RadGrid1.DataSource = GetData(); } }4.编译运行，如此就能看到一个简单的Grid了。
5.当然，如果想要使用Telerik公司的皮肤的话，记得还要同时引用Telerik.Web.UI.Skins.dll。
TAG:
