如何在雜貨店的下拉菜單中添加「快速添加」按鈕？

Question

我有兩個表類別和產品 我做了他們之間的簡單關係，所以我可以很快地從分類的下拉列表中選擇 我的問題：有沒有把在下拉菜單中的「添加新」的方法嗎？ 這樣用戶就不必外出類別編輯部分添加類別

Answer 1

是的，你可以使用Selectize.js

下面是客戶端例如

HTML

<select id="my-items" multiple> 
    <option value="1">One</option> 
    <option value="2">Two</option> 
    <option value="3">Three</option> 
</select> 

JS

$('#my-items').selectize({ 
    create: function(input) { 
     //This function will create the category on the server side 
     if(create_new_category(input)){ 
      return { 
       value: input, 
       text: input 
      } 
     } 

     return false; 

    } 
}); 

function create_new_category(input){ 
    alert('Category '+input+' created on server'); 

    return true; //if created successfully otherwise return false 
} 

JsFiddle。

實施例是具有多個選擇，如果不`噸需要多個只是刪除的屬性。 此外，您將不得不提供一個用於創建新類別的ajax控制器。

如果使用的是雜貨店界面污物， 你需要覆蓋列，如果你想在這個列表視圖。 Example

或者在編輯視圖中覆蓋編輯字段。 Example