基于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非常容易。示意性地：

• 您使用字段Wine，color定义origin 模型，依此类推。
• 使用 reader 和 writer 为模型定义代理（create / read / update / destroy的列表URL） JSON或XML类型。
• 使用表单组件创建视图。
• 创建datagrid 视图 浏览葡萄酒并将它们加载到表格中 （就像form.loadRecord(wineModelRecord)一样简单）。见this example。
• 在控制器中，您订阅表单的submit事件 创建/更新Wine模型记录。

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