在使用MVC和 Entity Framework的JSON数据上,创建一个基于div的网格函数

分享于 

3分钟阅读

Web开发

  繁體 雙語

介绍

MVC和 Razor 改变了我们设计网页的方式。 使用jQuery的客户端控件减少了解析服务器控件和加载页面事件时服务器上的负载。 ASP.NET 中使用的非常强大的GridView 控件已经被许多可以用的jQuery网格替代,但理解它们的源代码存在一些缺点。 这个网格非常容易理解和实现,因为它使用了 JavaScript。jQuery。JSON。CSS和 HTML,这些都是程序员常用的。 因此程序员在实现这个网格之前不需要学习任何新的插件。

基于这里JSON的网格将在客户端完全执行以下操作:

  • 基于JSON的搜索
  • 排序
  • 分页( 第一个,最后一个,上一个,下一个,当前的页码显示和总页数显示)
  • 打开新行以添加数据或者编辑数据
  • 取消/添加新行或者取消编辑现有行
  • 所需字段和数据类型和长度的验证

这里网格的在客户端和服务器端完全执行以下操作:

浏览器只通过 jQuery AJAX请求发送必需的输入,并只获取从MVC控制器中添加或者更新为JSON的特定行的更新数据。 在 delete 中,delete 状态在浏览器中作为JSON接收。

然后,在浏览器的现有完全JSON中更新JSON数据。 标记通过jQuery在浏览器中重新创建。

使用代码

需要运行源代码的软件平台需要 MVC4 Visual Studio,5.2.47 CE修订版 10398或者更高版本,Entity Framework 来自Nuget的,以及来自Nuget的NewtonSoft.Json,以及下载 jquery.validator-0.3.6.min.js。 我已经定制了它,以便在附加的源代码中使用它。

我为所有操作插入。更新。取消。delete 和在网格中添加一行新的数据开始工作。 所有代码都附加在源代码中。

Points of Interest

很有趣的是,我希望知道一种能够使用 Entity Framework的智能技术,同时我还要求在市场上使用开源jQuery网格。 我想知道,为什么我应该学习插件的特性。 为什么不创建自己的网格来使用JSON数据,并对代码有完全的控制? 而 finally 我发现了一些东西。 这是一开始,不久就会有更多程序员友好的有效插件。


数据    BASE  framework  FUNC  函数  
相关文章