JQuery FlexiGrid的asp.net完美解决方案-dotNetFlexGrid使用指南(一）

dotNetFlexGrid-asp.net的异步表格控件 使用指南

 

1. 简介

JQuery FlexiGrid的asp.net完美解决方案

dotNetFlexGrid是一款asp.net原生的异步表格控件，它的前身是Jquery FlexiGrid插件，我们重构了FlexiGrid的大部分Javascript代码，使其工作的更有效率，BUG更少；同时将其封装为asp.net 控件，提供了简单易用的使用方式。

dotNetFlexGrid作为一个轻量级的表格控件，同时提供了大量实用和高效的功能：

• 控件本身是全异步的工作模式，表格数据的刷新无需重新刷新整个页面。
• 我们提供了若干易用的客户端方法，让你的程序在添加、修改、删除表格数据时无需重新加载大量的表格数据，而仅需要更新客户端展现结果，这样使得程序的后台访问次数大大降低。
• 我们采用了类似AjaxPro的异步回调方式，使得您不必重新为异步请求单独开发页面，通过简单的数据提供函数，您能够在同一个页面中完成所有的表格异步操作。
• dotNetFlexGrid提供了作为一个Grid应有的全部功能，包括表格排序、列拖动、首行的复选框、斑马色、快速查询、显示和隐藏列等等。

1. 下载和配置
2. 下载

您可以访问http://dotnetflexgrid.codeplex.com/ 下载控件的最新版本，包括最新的控件代码、演示项目和说明文档。

同时您可以访问http://www.cnblogs.com/hualei 获取控件的最新消息和使用指导，我们将为您提供最新的全中文的指导，同时我们欢迎您提供更好的建议和指正。

1. 配置在您的项目中

请检查您下载的文件中包含dotNetFlexGrid v1.1.rar（此处采用v1.1版进行演示），该压缩包包含dotNetFlexGrid的全部源码，请将压缩包中的所有文件解压缩到如dotNetFlexGridControl的目录（当然，您可以设定任意的文件夹名）。

根据您的项目情况，将dotNetFlexGridControl文件夹复制到您的asp.net站点目录的任意目录下，如果您使用的是Asp.net WebApplication，请在项目中至少包含如下文件：

• dotNetFlexGridControl/dotNetFlexGrid.ascx
• dotNetFlexGridControl/dotNetFlexGrid.ascx.cs
• dotNetFlexGridControl/dotNetFlexGridAsyn.aspx
• dotNetFlexGridControl/dotNetFlexGridAsyn.aspx.cs

请打开dotNetFlexGridControl/dotNetFlexGrid.ascx.cs文件，修改如下代码为您的项目中的控件路径。

/

/// <summary>

/// 配置点：根据控件的实际路径配置

/// </summary>

public string ControlCurrentPath

{

get

{

// TODO:ControlCurrentPath 配置点：根据控件的实际路径配置

return "/dotNetFlexGridControl/" ;

}

}

同时，请在您的项目中引用Newtonsoft.Json.Net20.dll（该文件在Bin目录中提供）

一切完毕，现在您可以在您的项目中正式使用dotNetFlexGrid了。

Btw:似乎的确麻烦了点，现在dotNetFlexGrid是采用Asp.net用户控件的方式进行封装的，大多数的开发中测试均是使用的Asp.net网站项目；在发布的时候，我们考虑到易用性以及便于修改，故没有采用自定义控件的方式进行封装；不过，这样似乎对使用者更加有利。

1. 第一个Grid

好了，我们开始我们的第一个Gird，我们将实现演示项目中的FirstGrid.aspx的效果；这个例子展示一个模拟的用户列表。

首先，打开Visual Studio 2005/2008/2010；我们需要在页面中加入控件，将您的页面切换到设计视图（在源代码中复制粘贴也是不错的主意），从解决方案资源管理器找到控件目录下的dotNetFlexGrid.ascx，直接拖拽到页面上合适的位置，注意检查下你的控件ID（本例直接使用默认的"dotNetFlexGrid1 "）。

其次，我们需要写一段代码初始化Grid，将如下代码复制到你的页面的Page_Load中。

/

<