식료품류의 드롭 다운에 "빠른 추가"버튼을 어떻게 추가 할 수 있습니까?

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