基于jQuery的GridView-Flexigrid(2)-扩展和修复

核心提示： IE8 171毫秒图片看不清楚？请点击这里查看原图（大图），在Opera10 下是83毫秒 Chome3 下是77毫秒FireFox 下市110 毫秒第二是Xml数据源的实例，基于jQuery的GridView-Flexigrid(2)-扩展和修复(6)，效果和前者基本一致，只是数据源不同htt

IE8 171毫秒

图片看不清楚？请点击这里查看原图（大图）。

在Opera10 下是83毫秒

Chome3 下是77毫秒

FireFox 下市110 毫秒

第二是Xml数据源的实例，效果和前者基本一致，只是数据源不同

http://jscs.cloudapp.net/ControlsSample/XmlGrid

第三是将一个已经存在的Html表格格式化成一个flexigrid Style Table

http://jscs.cloudapp.net/ControlsSample/FormatGrid

第四是一个连接数据库的实例数据源为Json。演示Flexigrid如何和服务器端配合，以达到我们项目的效果，代码还是比较简单我在本文的结束会提供完整的源代码（包含前几次文章的）

http://jscs.cloudapp.net/ControlsSample/DbGrid

最后顺便说一下，我在首页做了个导航，大家也可以直接访问首页，来查看前几次的实例。

http://jscs.cloudapp.net/

备注：

1：下载代码中的App_Data文件夹中包含本文实例数据库的SQL语句，Grid的部分使用的数据库是Northwind，如只查看Grid部分直接使用Northwind的也可以；

2：本文所有实例采用ASP.NET MVC 1.0 ，请确保已安装相关项目模板。

本文地址:http://www.cnblogs.com/xuanye/archive/2009/11/08/1598564.html

本文示例源代码或素材下载

编缉推荐阅读以下文章

• 基于jQuery的GridView-FlexiGrid的使用和改造（1）--如何使用，完全参数说明