您的位置:知识库 » .NET技术

[添砖加瓦]:ExtJS+WCF+LINQ打造全功能Grid

作者: jillzhang  来源: 博客园  发布时间: 2008-09-23 15:30  阅读: 15435 次  推荐: 0   原文链接   [收藏]  

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

  1. 分页功能
  2. 远程排序功能
  3. 添加新纪录功能
  4. 批量删除功能
  5. 批量更新功能

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

  1. WCF,而且采用Web Model方式。
  2. ExtJs
  3. LINQ

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

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

  1. 在ExtJs的Grid中格式化时间显示问题
  2. 在ExtJs中添加自定义控件列问题
  3. 设定ExtJs中列主键的问题
  4. 将Ext.data.Record数组格式化成JSON字符串问题
  5. 用Ext.util.JSON.encode序列化javascirpt对象中有中文时候的乱码问题
  6. 在ExtJs中提交的时候显示进度条的问题
  7. 在对Grid进行多次编辑后,如何取得编辑和数据项的问题

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

  1. 如何返回能用于ExtJs中Grid分页显示的数据契约对象集合。
  2. 如何返回原始数据格式的数据(原始数据格式极大的提高了WCF的灵活度,为上传下载,跨域等问题提供了保证)
  3. 如何获取通过POST方式传递的复杂数据。
  4. 如何将客户端传递过来的JSON字符串序列化为数据契约的对象

涉及到LINQ的包括如下几点

  1. 如何实现数据的分页查询
  2. 如何动态的对数据字段进行排序
  3. 如何添加数据
  4. 如何批量删除数据
  5. 如何批量更新数据,批量更新数据遇到并发冲突的时候,如何解决。

上面这些问题,在本文所实现的实例项目中均有所体现。而且实现本文这个项目实例,还需要注意如下几点:

  1. 因为本文没有涉及到级联关系,为了添加,修改,删除等操作成功进行,需要将示例数据库AdventureWorks中数据表Product中的全部关系删除
  2. 因为在ExtJs与WCF交互中, DataContractJsonSerializer不支持DateTime的序列化,查阅了一下MSDN,不是DataContractJsonSerializer不支持序列化DateTime,它能够与Asp.Net Ajax之间对DateTime数据进行交互,但经过试验对ExtJs却不行,看了一下,好像应该是缺少转义字符的原因。试图反格式化Ext.util.JSON.encode后产生的JSON字符串会产生如下的异常:

    所以本文实例中将数据契约Product中的DateTime类型均转换为了String类型

  3. 经过第二步的处理之后,利用LINQ对数据进行更新却说什么也不能成功了,总是有数据并发的问题,解决办法是设置Product中的这几个字段的UpdateCheck=UpdateCheck.Never
0
0
标签:WCF LINQ

.NET技术热门文章

    .NET技术最新文章

      最新新闻

        热门新闻