Как я могу добавить кнопку «быстрого добавления» в раскрывающемся списке продуктов?

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 для создания новой категории.

Если вы используете Grocery Crud, , вам нужно переписать столбец, если вы хотите, чтобы это было в виде списка. Example

Или перезаписать поле редактирования, если вы хотите его в режиме редактирования. Example