介绍
本文将重点讨论如何结合ASP.NET GridView的使用WCF服务和客户端脚本,以避免页面回传,并提供更多的性能,我们的ASP.NET页面。背景
我将描述该项目的所有细节,包括提供更多的经验,所有开发的小细节,但仍然可以根据自己的需要修改的代码,所以你可以(例如)从数据库检索数据的名单,因为在这篇文章。我从我的代码中使用的静态数据,以避免你附加的数据库和连接工作,让你忘了我们的文章的主要思想。
在这里,我们要创建一个Employee类,从这个类的对象绑定网格行:
{A2的}public class Employee
[System.Runtime.Serialization.DataContract]
public class Employee
{
//Fields
private int _id;
private string _firstName;
private string _Position;
//Constructor
public Employee(int EmpID,string EmpFirstName,string EmpPosition)
{
Id = EmpID;
FirstName = EmpFirstName;
Position = EmpPosition;
}
//Properties
[System.Runtime.Serialization.DataMember]
public int Id
{
get { return _id; }
set { _id = value; }
}
[System.Runtime.Serialization.DataMember]
public string FirstName
{
get { return _firstName; }
set { _firstName = value; }
}
[System.Runtime.Serialization.DataMember]
public string Position
{
get { return _Position; }
set { _Position = value; }
}
}
创建支持AJAX的WCF服务的主要思想是,以提供客户端脚本库,整合跨浏览器的JavaScript和DHTML技术。{S0的}
下面是函数将返回员工数组:{C}
在第一行,你必须写您的服务合同的命名空间,因为你会从JavaScript中调用这个命名空间的服务。
现在你必须修改您服务标记,服务标记添加属性(右键点击服务并选择"视图"标记),工厂="System.ServiceModel.Activation.WebScriptServiceHostFactoryquot;,现在您的WCF服务准备好了!!!
注意:默认情况下,所有的数据将被序列化到JSON和将使用POST来检索数据。{A3的}
现在你会使用WCF服务从JavaScript,您的网页,将下面的代码是完全一样:
{S}在这里,你将调用WCF服务的命名空间在这里,你将调用(函数),你需要的经营合同,你可以把之前的onSuccess参数。在这里,您将设置WCF服务的路径
注意:不要忘记你的机器应连接到互联网,因为是在阴影框称为脚本。{A4纸}
你的网格应建立列的结构和设置标题文本的默认列,我们将在Page_Load函数如下:protected void Page_Load(object sender, EventArgs e)
{
DataTable dt = new DataTable();
dt.Columns.AddRange(new DataColumn[] { new DataColumn("ID"),
new DataColumn("FirstName"), new DataColumn("Position") });
EmployeesGridView.DataSource = dt;
EmployeesGridView.DataBind();
}
,现在您的应用程序就可以使用。景点
在我的下一篇文章中,我将解释我们如何能够使我们DataGrid中使用Ajax的无刷新页面的分页。