基于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. 如果用户在表单字段(如葡萄)上启动选定的选项框，则前面的选项框必须更改以更正筛选数据。

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

Answer 1

您可能想看看ExtJS实例。

对于ExtJS，这是相当容易的。按示意图：

• 您可以定义一个Wine模型，其中包含color、origin等字段。
• 使用JSON或XML类型的读取器和作者为模型定义代理(用于创建/读取/更新/销毁的列表URL)。
• 使用表单组件创建视图。
• 创建一个datagrid视图来浏览葡萄酒并将它们加载到表单中(就像form.loadRecord(wineModelRecord)一样简单)。见这个例子。
• 在控制器中，您订阅表单的submit事件来创建/更新Wine模型记录。

实际上，我相信，对于任何其他的MVC框架，比如Backbone.js或Angular.js，都可以很容易地做到这一点。