2013-05-07 59 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),其中它的標籤,讓您能就地創造新的標籤。