如何在杂货店的下拉菜单中添加“快速添加”按钮？

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