부트 스트랩 태그 결합 입력 및 Jquery UI 선택 가능

Question

일부 프로그래밍 기술을 배우려는 여행의 시작일 것입니다. 이것은 내 stackoverflow에 대한 첫 번째 질문입니다 :)

내 선택 목록에서 항목을 클릭하면 Id는 내 태그 입력 입력 필드에 추가됩니다. (그래서 나는 목록에없는 선택 가능한 태그 또는 입력 태그의 미리 결정된 목록에서 선택할 수 있습니다.)

임 backbone.js를 사용 중입니다.

<ol id="selectable"> 
    <li class="ui-widget-content">Item 1</li> 
    <li class="ui-widget-content">Item 2</li> 
    <li class="ui-widget-content">Item 3</li> 
    <li class="ui-widget-content">Item 4</li> 
    <li class="ui-widget-content">Item 5</li> 
    <li class="ui-widget-content">Item 6</li> 
    </ol> 
    <input type="text" class="form-control tags" name="tags" placeholder="tags" data-role="tagsinput"> 

하지만 난 JS보기 파일에 넣어 무엇을 잘 모릅니다 :
내 HTML 템플릿 파일은이 있습니다. 지금 당장 가지고있는 것은 태그 입력 문서에서 복사 한 방법에 매우 가깝습니다. (심지어 확실하지 메신저 "일부 태그를"무엇을 교체해야합니다.

events: { 
    'addtags': 'addtags' 
}, 

addtags: function(e) { 
    $('input').tagsinput('add', 'some tag'); 
} 

Answer 1

당신이 그 (것)들에게 2 시간을 클릭하면 그것은 입력에서 선택되어있는 항목을하지 않지만,이 날은 클릭 수 있습니까

항목을 내 태그 목록 입력란에 추가 할 수 있으며 입력란에 직접 입력 할 수 있습니다.

return BaseView.extend ({ 
    template: function() { 
     $('.tags').tagsinput(); 
     $("#selectable").bind("mousedown", function(e) {e.metaKey = true;}).selectable(); 
    }, 
    events: { 
     'mousedown #selectable': 'addtags' 
    }, 

    addtags: function(e) { 
    // if($(e.target).hasClass('selected')){ 
     $('.tags').tagsinput('add', e.target.innerHTML); 
    },