어떤 있습니까 전문 jQuery 라이브러리를 기반으로 콤보 상자 컨트롤 (자기 암시와 드롭 다운 목록)?
대규모 데이터 세트 를 처리 할 수 있어야하고 일부 스키닝 옵션 이 있어야합니다 . 다중 열 결과 목록이 너무 좋은 것입니다. ASP.NET으로 작업하고 있지만 래퍼를 작성해야한다면 문제가되지 않습니다.
이미 타사 컨트롤을 사용하고 있지만 두 공급 업체의 컨트롤간에 호환성 문제가 발생했습니다. 글쎄, 나는 이런 종류의 의존성을 없애고 싶다.
답변:
불행히도 내가 본 가장 좋은 것은 jquery.combobox 이지만 실제로 내 웹 응용 프로그램에서 사용하고 싶은 것처럼 보이지는 않습니다. 이 컨트롤에 사용성 문제가 있다고 생각하지만 사용자로서 드롭 다운 목록을 텍스트 상자로 바꾸려면 입력을 시작해야한다고 생각하지 않습니다.
나는 Combo Dropdown Box를 훨씬 선호 하지만 여전히 내가 원하는 일부 기능이 있으며 여전히 알파 상태입니다. 알파인 것 외에는 내가 싫어하는 유일한 생각은 콤보 상자에 입력하면 원래 드롭 다운 목록 항목이 사라진다는 것입니다. 그러나 아마도 이것에 대한 설정이 있거나 ... 아마 상당히 쉽게 추가 될 수 있습니다.
내가 아는 유일한 두 가지 옵션입니다. 검색에 행운을 빕니다. 나는 당신이 하나를 찾거나 두 번째 옵션이 당신에게 효과가 있는지 듣고 싶습니다.
여기 매우 유망 해 보이는 것이 있습니다. 진정한 콤보입니다. 입력 한 내용을 볼 수 있습니다. 내가 다른 곳에서 보지 못한 멋진 기능이 있습니다 : 페이징 결과.
jquery "콤보 상자"를 찾는 사람은 누구나이 질문으로 연결되는 것 같습니다. 내 게시물은 원래 질문에 대한 답변이 아니라 "전통적인"콤보 상자를 찾기 위해이 페이지를 찾는 사람들을위한 것입니다. 위의 솔루션은 모두 기존 선택 값을 필터링하고 자동 완성하는 수단으로 입력을 사용하는 데 중점을 둡니다. (대용량 데이터 세트에 적합)
단순히 "입력하거나 미리 정의 된 값에서 선택"(입력하는 동안 일치하지 않는 값을 숨기지 않음) 인 기존 콤보 상자를 찾고 있다면 해야 할 일은
<select id="combo4" style="width: 200px;"
onchange="$('input#text4').val($(this).val());">
<option>option 1</option>
<option>option 2</option>
<option>option 3</option>
</select>
<input id="text4"
style="margin-left: -203px; width: 180px; height: 1.2em; border: 0;" />
http://bit.wisestamp.com/uncategorized/htmljquery-editable-combo-2/ 참조
아직까지는 보지 못했지만 기존 선택 태그를 변환하는 플러그인으로 쉽게 래핑 할 수 있어야합니다.
추신 : "jQuery Editable Combobox"에서 내가 보는 주요 문제는 선택 목록이 남아 있다는 것입니다. 그리고 새로운 것을 입력하기 시작할 수 있다는 것이 전혀 명확하지 않습니다.
섹시한 콤보 프로젝트의 새로운 포크가 출시되었습니다. http://code.google.com/p/ufd/
대규모 데이터 세트의 경우 기본적으로 Jorn Zaeferrer의 Autocomplete 플러그인 의 "공식"버전 인 JQuery UI Autocomplete 는 어떻습니까?
또한 사용자로부터 꽤 좋은 피드백을받은 직접적인 JQuery 콤보 박스 플러그인을 작성했습니다 . 그러나 대규모 데이터 세트를위한 것은 아닙니다 . 사용자가 입력 한 내용에 따라 목록을 정리하는 것을 원한다면 Jorn의 자동 완성 플러그인을 사용하는 것이 좋습니다.
또 다른 멋진 플러그인은 Sexy Combo입니다.
이것은 또한 유망합니다.
simpletutorials.com의 JQuery 드롭 다운 콤보 상자
공식 jQuery UI ComboBox / Autocomplete 구성 요소가 만들어지고 있습니다 ... (이전에는 jQuery UI 1.5.x 용 베타 버전), jQuery UI Wiki 참조
최신 정보:
자동 완성 기능은 이제 jQuery UI의 핵심 기능입니다 . 문서를 참조하십시오 .
다른 하나를 찾았습니다. http://code.google.com/p/jquery-jec/
또한 좋은 옵션 인 것 같습니다.
나는 똑같은 것을 찾고 있습니다. 지금까지 내가 가장 좋아하는 것은 ExtJ 용입니다. 단, 대규모 목록으로 테스트하지 않은 경우 : www.sencha.com/deploy/dev/examples/form/combos.html
여기에 또 다른 정말 (!) 빠른 것이 있습니다 : http://jsearchdropdown.sourceforge.net/
예를 들어 SexyCombo는 매우 환상적으로 작동하지만 긴 목록에서는 속도를 늦추는 방법입니다. SexyCombo 민속 UFD는 훨씬 빠르지 만, 정말 큰 목록의 경우 초기화 시간이 여전히 상당히 느립니다. 게다가 나는 때때로 약간을 얻는다! "섬광". 그러나 가까운 장래에 몇 가지 업데이트가있을 것 같습니다.
Sexy-Combo는 더 이상 사용되지 않습니다. Unobtrusive Fast-Filter Dropdown 프로젝트에 추가 개발이 있습니다. 비슷한 요구 사항이 있기 때문에 유망 해 보입니다.
http://jqueryajax.codeplex.com/ 시도해보십시오 . 여러 열 드롭 다운도 포함하는 ASP.NET 컨트롤 모음입니다.
Activewidgets는 매우 멋지게 보입니다. 대규모 데이터 세트에서 얼마나 잘 수행되는지 알 수 없습니다. http://www.activewidgets.com/ui.combo/
나는 같은 문제가 있었기 때문에 결국 내 문제를 만들었습니다.
템플릿 시스템이 내장되어있어 원하는대로 결과를 만들 수 있습니다. 모든 주요 브라우저에서 작동하며 배열 및 json 객체를 허용합니다. http://code.google.com/p/custom-combobox/
다음은 정말 멋진 것입니다. http://www.xnodesystems.com/ 동적 목록 필드에는 자동 완성 기능이있을뿐만 아니라 유효성 검사도 수행 할 수 있습니다.
http://jqueryui.com/demos/autocomplete/#combobox 시도했는데 직면 한 문제는 다음과 같습니다.
결과적으로 나는 그것을 약간 조정했고 ASP.NET MVC에서 잘 작동했습니다. 내 버전의 CSS 및 위젯 스크립트는 여기에서 찾을 수 있습니다. http://saplin.blogspot.com/2011/12/html-combobox-control-and-aspnet-mvc.html .
MVC 모델을 사용자 지정 값에 바인딩하는 샘플도 있습니다.
이걸로 해봐:
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxcombobox/index.htm
현지화를 포함한 많은 기능으로 매우 좋습니다.
Twitter Typeahead를 적극 권장합니다.
필요한 모든 것 http://jquerycomboboxtmpl.codeplex.com/
템플릿 드롭 다운