ExtJS+WCF+LINQ打造全功能Grid

ExtJS+WCF+LINQ打造全功能Grid2010-12-05 博客园 jillzhang前面几篇文章分别介绍了用ExtJs+WCF+LINQ实现分页,排序,跨域查询等基本功能,本文便对上面的Grid进行进一步扩展。新扩展的Grid将包括以下功能:

分页功能

远程排序功能

添加新纪录功能

批量删除功能

批量更新功能

并且，如题目中介绍一致，这个全功能 Grid结合了下面几种技术:

WCF,而且采用Web Model方式。

ExtJs

LINQ

这三种都是比较新的技术，尤其是完全采用 Rest方式使得ExtJS与WCF进行比较复杂的交互，这个环节实现原理非常简单，就是采用JSON格式在前后台交互数据，但涉及到的细节还是比较多的。LINQ虽然很火，被人说得神乎其神，使用起来也是有诸多要注意的环节。ExtJS中有关UI的细节也存在不少，总结一下，本文中主要解决了如下几条难题：

涉及到 ExtJs的包括如下几点：

在ExtJs的Grid中格式化时间显示问题

在 ExtJs中添加自定义控件列问题

设定ExtJs中列主键的问题

将 Ext.data.Record数组格式化成JSON字符串问题

用Ext.util.JSON.encode 序列化javascirpt对象中有中文时候的乱码问题

在ExtJs中提交的时候显示进度条的问题

在对Grid进行多次编辑后，如何取得编辑和数据项的问题

涉及到WCF的包括如下几点：

如何返回能用于ExtJs中Grid分页显示的数据契约对象集合。

如何返回原始数据格式的数据（原始数据格式极大的提高了WCF的灵活度，为上传下载，跨域等问题提供了保证）

如何获取通过POST方式传递的复杂数据。

如何将客户端传递过来的JSON字符串序列化为数据契约的对象

涉及到LINQ的包括如下几点

如何实现数据的分页查询

如何动态的对数据字段进行排序

如何添加数据

如何批量删除数据

如何批量更新数据，批量更新数据遇到并发冲突的时候，如何解决。