關於Telerik公司的ASP.NET AJAX控件使用的基礎入門

本文轉載自查看原文 2012-10-11 03:08 2540 RadControl/ ASP.NET/ Telerik

最近在研究使用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/
歡迎任何形式的轉載，但請務必注明出處。

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 ASP.NET Ajax入門 asp.net 第三方UI控件 Telerik KendoUI 之 TreeVIew 的用法記錄 ASP.NET 使用Ajax ASP.NET 使用Ajax ASP.NET 使用Ajax asp.net ajax的使用（二）Asp.Net基本控件的使用 Telerik Extensions for ASP.NET MVC 中文教程(1) - 開篇 [1]Telerik Extensions for ASP.NET MVC 中文教程（轉） [2]Telerik Extensions for ASP.NET MVC 中文教程(2)