通过选择框创建实体

Entity Creation Via Select Box

本文关键字:创建 实体 选择      更新时间:2023-09-26

当用户想要的选项没有出现在选择框中时,我如何使用户能够通过选择框本身,通过可视quickbook, harvest等创建新选项?

我想在选择框中包括一个"创建"选项,当它被选中时显示相邻的文本框。在提交时,新的"选项"将在单独的参数散列中提交。后端API将首先在事务中处理新的选项请求。虽然我相信这种方法是有效的,但我觉得应该有更好的方法。想法/见解感激。

我通常是这样做的:

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

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

在过程结束时,我将预先选择新创建的项,因为这是用户最初打算选择的。


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