[autocomplete] 트위터 부트 스트랩 자동 완성 드롭 다운 / Knockoutjs를 사용한 콤보 박스

부트 스트랩 자동 완성 드롭 다운을 사용해야하는 요구 사항이 있지만 원하는 경우 해당 드롭 다운에 자유 형식 텍스트를 사용할 수 있습니다. TypeAhead에 대해 생각하기 전에 Bootstrap TypeAhead 텍스트 상자를 사용할 수 있지만 사용자가 무엇을 검색해야하는지 모르는 경우를 대비하여 몇 가지 기본값을 헤드 스타트 ​​옵션으로 제공하고 싶기 때문에 드롭 다운이 필요합니다.

MVC DropDownListFor와 함께 사용하여 선택 컨트롤을 만듭니다.

이 기사를 찾았습니다.

https://github.com/danielfarrell/bootstrap-combobox/pull/20

내가해야 할 일은 선택 컨트롤에서 이름을 떼어 내고 컨트롤을 사용하여 자유 형식 텍스트를 입력 할 수있게했습니다. 지금까지 모두 좋습니다.

이제 Knockoutjs와 함께 사용하고 있습니다. 내 옵션과 선택한 값을 선택 컨트롤에 바인딩 한 다음 템플릿의 렌더링 된 행에서 (selector) .combobox ()를 호출하여 선택 컨트롤을 부트 스트랩 콤보 박스로 만들고 입력 컨트롤을 추가하고 장면에서 선택 컨트롤을 숨 깁니다. 뒤에.

이제 문제는 그가 값을 서버에 게시하려고 할 때 입력 상자에 입력 한 값이 제어를 선택하도록 지정한 옵션의 유효한 옵션이 아니기 때문에 기본적으로 항상 첫 번째 옵션으로 설정됩니다. 이것은 bootstrap-combobox.js에서 만든 입력 상자가 아닌 선택 컨트롤에서 선택한 값의 바인딩을 설정했기 때문입니다.

내 질문은 선택 컨트롤이 바인딩 된 것과 동일한 속성에 데이터 바인딩 할 입력 상자를 가져 오는 방법입니다.

다른 옵션은 ?? 더 자세한 설명이 필요하거나 질문이 있으면 알려주세요. 제안 해주세요.

감사.

답변