基于 json 或 XML 的 Javascript 表单过滤器来制作选项框

Question

我正在尝试想出一种基于AJAX、XML或Json的过滤方法。我想听听任何制作过此类过滤器或有任何建议的人的意见。

数据可能是:

<wine table>
<wine>
<color>red</color>
<origin>California</origin>
<produced>2005</produced>
<grape>Pinot Noir</grape>
</wine>

<wine>
<color>white</color>
<origin>France</origin>
<produced>2008</produced>
<grape>Chardonnay</grape>
</wine>
</wine table>

必须能够:

1. 创建表单字段以选择子组
2. 当用户选择第一个选项时，所有子组都必须更改以纠正下面的数据。 (过滤选项框以匹配结果过滤数据)
3. 如果用户在表单字段中启动所选内容，即 3(葡萄)，则必须更改之前的选项框以正确过滤数据。

有人知道任何脚本或教程或任何可以帮助我的东西吗？

Answer 1

您可能想查看ExtJS examples .

使用 ExtJS 这非常简单。示意图:

• 您可以使用color、origin等字段定义Wine模型。
• 为模型定义一个代理(用于创建/读取/更新/销毁的列表 URL)，以及模型的读取器和写入器 JSON 或 XML 类型。
• 使用表单组件创建一个 View 。
• 创建一个数据网格 View 浏览 Wine 并将其加载到表单中 (就像 form.loadRecord(wineModelRecord) 一样简单)。请参阅this example .
• 在 Controller 中，您订阅表单的 submit 事件 创建/更新 Wine 模型记录。

实际上，我相信使用任何其他 MVC 框架(例如 Backbone.js 或 Angular.js)都可以轻松完成同样的工作。