在 Backbone.js 中使用自动建议查找对表单进行建模

Question

我的报告 UI 顶部有一个小表单，用户使用自动建议文本框按姓名查找人员，当他们选择一个时，我设置了一个隐藏的 ID 字段。然后他们输入开始和结束日期，然后点击提交以在下面加载报告。使用人员 ID 和日期范围作为主干路由获取报告数据。我还可以在报告标题中显示此人的姓名，因为我是从自动建议查找中获得的。

问题是，如果有人为报告添加书签（一个不错的功能），我想重新填充表单（显示此人的姓名）和报告标题。

所以，目前我有一个路由（'id/startdate/to/enddate'），有时由已填充的表单模型触发，有时由书签/刷新触发，需要从路由重新填充表单模型数据和服务器端数据。

您将如何建模？我打算将模型绑定到表单：

{ id: 234, name: 'Bill', startDate: '1/1/2011', endDate: '1/1/2012' }

但我正在努力解决这个想法，即有时需要获取名称并填充表单，有时已经有一个填充的表单（和名称）。感觉我的 Backbone 视图/模型/路由应该有更好的设计。

Answer 1

您可以通过触发带有模型将侦听的名称、开始日期等参数的消息，从路由器填充模型。

同样的事情可以在设置模型数据的视图中完成。因此，无论您从何处（视图、路由器）获取信息，您的模型都会正确地保持状态。

然后您的表单视图可以监听其模型的更改，并使用有关模型更改的预填充信息重新呈现自己。

希望对你有帮助。