dropkick.js 드롭 다운 메뉴에서 옵션을 동적으로 업데이트하는 방법은 무엇입니까?

Question

dropkick.js을 사용하여 웹 앱에서 드롭 다운 메뉴를 작성하려고합니다. 나는 키보드 지원과 좋은 커스텀 테마 기능 때문에 dropkick.j를 좋아합니다. 그러나 정적 메뉴에서만 작동하는 것으로 보입니다. 원래 요소 (knockout.js 바인딩 사용)를 동적으로 업데이트하면 dropkick.js 메뉴가 업데이트되지 않습니다.

명확히하기 위해 프로그래밍 방식으로 selectedChannel (또는 채널 목록 자체)의 값을 변경해도 드롭 다운이 업데이트되지 않는 것이 문제입니다. 다른 방법은 작동합니다 (드롭 다운에서 클릭, selectedChannel 변수 업데이트 참조).

이 문제의 기존 솔루션에 대한 링크 또는 dropkick.js (또는 사용자 정의 knockout.js 바인딩 사용)를 수정하여이 문제를 해결하는 방법에 대한 조언이 많습니다. 아니면 어쩌면 작동 할 수도 있고해야하지만 뭔가 잘못하고있는 중입니까?

바인딩을 사용하여 knockout.js :

<select id="channelSelector" data-bind="options: channels, optionsText: 'name', optionsValue: 'id', value: selectedChannel"></select> 

설정 코드 :

: 하지 원인의 선택 값을 업데이트 할 수있는 드롭 다운을 수행

$('#channelSelector').dropkick(); 

업데이트 코드를 사용하여 knockout.js

vm.selectedChannel(vm.channels()[0].id); 

문제의 예 : http://jsfiddle.net/37QvY/

Answer 1

이 답변과 의견을 읽으면 도움이됩니다.

Issues Setting Value/Label Using DropKick Javascript

건배!

Answer 2

나는 selectedChannel

http://jsfiddle.net/helk/AFtSS/1/

건배의 업데이트에 대한 당신을 위해 가능한 스크립트를 만들었습니다!