在客户端存储数据的最佳方式 - ASP.Net + JQuery

Question

我正在为一些相当复杂的对象编写管理表单。它是一个标准中继器，可为每个对象行显示一些“基本”信息（名称、ID 等）。

单击“编辑”一行会展开它（使用 JQuery），以显示所有相关可编辑对象的全部恐怖。其中之一是与每一行关联的文档列表，并且需要是 JQuery 可编辑的，因此用户可以单击“编辑”以打开完整的行 gui，然后取消/选择复选框以取消/关联文档，然后点击“保存” ' 坚持一切。

目前我正在使用嵌套转发器来存储最初隐藏的字段 - 转发器生成一个隐藏的表单域，其中包含一个逗号分隔的关联文档 ID 列表。在填充编辑 gui 时，我对分隔字符串进行拆分操作，并根据需要设置/取消设置复选框。

从可维护性的角度来看，这证明是一场噩梦，在我沮丧地在网上寻找解决方案时，我注意到 JQuery 具有一些充当客户端数据库的功能。有没有人有这方面的经验，如果有，你会推荐吗？我用于解析 csv 字符串并动态构建 gui 的自定义 JS 开始让我有些沮丧。

提前致谢，

5arx

Answer 1

您进入了非常高级的客户端行为领域，并且遇到了我认为很多 Web 表单开发人员都遇到过的现象。试图将两种范式混合在一起。

在不深入细节的情况下，我的建议是使用“纯 AJAX”方法来解决您的客户问题。基本大纲是这样的：

• 使用 AJAX 调用获取数据结构的 JSON 表示
  • 在你的情况下...jQuery.ajax jQuery.get jQuery.getJSON
• 使用客户端模板/绑定框架来生成 UI 并将 JSON 对象绑定到这些元素。这里有几个不错的选择。
  • jQuery
    • 模板：http://api.jquery.com/category/plugins/templates/
    • 数据绑定：http://api.jquery.com/category/plugins/data-link/
  • Knockout JS
    • Knockout 可以使用 jQuery 模板，但实现了它自己的数据绑定版本。
• 在 UI 上执行操作调用 Web 服务方法来处理数据操作操作。

您可以实现 JSON 内容，但您认为最适合您的需求，但在 ASP.Net 中，您基本上有两种选择：

1. WCF
2. Page Methods

这可能需要您进行一些重新架构，但如果您想实现非常好的客户端行为，您将不得不硬着头皮去做。