1

When an option a user desires is not present in a select box, how can I make it possible for the user to create a new option via the select box itself, via-a-vis quickbook, harvest, etc?

我想在选择框中包含一个“创建”选项,并在选择它时显示相邻的文本框。提交时,新的“选项”将在单独的参数哈希中提交。后端 API 将首先在事务中处理新选项请求。虽然我相信这种方法会奏效,但我觉得好像必须有更好的方法。想法/见解表示赞赏。

4

1 回答 1

0

这就是我通常这样做的方式:

在选择框旁边,我添加了一个“添加新”按钮。单击此按钮时,将打开一个模式对话框(例如https://github.com/angular-ui/bootstrap/tree/master/src/dialog),其中包含用于创建新条目的表单。

当用户填写对话框表单并单击“保存”时,在服务器成功响应后,我将关闭对话框并更新选择框选项,方法是再次从服务器中拉出列表,或者只是将新项目附加到之前获取的列表。

在流程结束时,我会预先选择新创建的项目,因为这是用户首先要选择的项目。


其他解决方案是使用 select2 插件和指令(http://ivaynberg.github.io/select2/https://github.com/angular-ui/ui-select2),它的标记支持使您能够创建新标签就地。

于 2013-05-07T17:52:56.180 回答