2013-05-07 57 views
1

当用户需要的选项不存在于选择框中时,如何使用户能够通过选择框自身创建新选项,通过快速手册,收获等?通过选择框创建实体

我想在选择框中包含一个“创建”选项,以及何时选择显示一个相邻的文本框。在提交时,新的“选项”将在一个单独的参数哈希中提交。后端API将在事务内首先处理新的选项请求。虽然我相信这种方法可行,但我觉得好像还有更好的办法。思考/见解表示赞赏。

回答

0

这是怎么了,我通常这样做:

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

当用户填写对话框表单并点击“保存”,服务器成功响应后,我将关闭对话框并更新选择框选项,或者通过再次从服务器拉取列表,或者通过追加新项目到先前提​​取的列表。

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


其他的解决办法是使用类似选择2的插件和指令(http://ivaynberg.github.io/select2/https://github.com/angular-ui/ui-select2),其中它的标签,让您能就地创造新的标签。