关于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 xmlns="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 EnableRowHoverStyle="true" 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。

 

作   者：D.J. Chan 
出   处：http://www.cnblogs.com/djchan/
欢迎任何形式的转载，但请务必注明出处。

 

posted @ 2012-10-11 03:08  D.J. Chan  阅读(2789)  评论(2)  编辑  收藏  举报