您的位置：首页 > 编程语言 > ASP

关于Telerik公司的ASP.NET AJAX控件使用的基础入门

2012-10-11 03:08 876 查看

最近在研究使用Telerik公司的ASP.NET AJAX控件，下面将最简单的入门配置列出来。

1.在Web.config文件中加入如下配置：

<configuration>
<system.web>
<compilation debug="true" targetFramework="4.0" />
<httpHandlers>
<add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false"/>
</httpHandlers>
</system.web>
<system.webServer>
<handlers>
<add name="Telerik_Web_UI_WebResource_axd" verb="*" preCondition="integratedMode" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource"/>
</handlers>
<validation validateIntegratedModeConfiguration="false"/>
</system.webServer>
</configuration>

2.添加ASPX文件代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Grid.aspx.cs" Inherits="WebTest.Grid" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadGrid1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadGrid1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadGrid ID="RadGrid1" runat="server" Skin="Office2010Silver" runat="server"
AllowSorting="true" AllowPaging="true" HeaderStyle-HorizontalAlign="Center" ShowStatusBar="true"
OnNeedDataSource="YizitGrid_NeedDataSource">
<ClientSettings EnableRowHoverStyle="true" AllowColumnsReorder="true" EnablePostBackOnRowClick="true">
<Selecting AllowRowSelect="true" />
<Resizing AllowColumnResize="true" />
</ClientSettings>
<PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>
<MasterTableView DataKeyNames="Id">
</MasterTableView>
</telerik:RadGrid>
</div>
</form>
</body>
</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/
欢迎任何形式的转载，但请务必注明出处。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航