전문 jQuery 기반 콤보박스 제어?
jQuery 라이브러리를 기반으로 한 전문적인 콤보박스 컨트롤(자동 제안이 포함된 드롭다운 목록)이 있습니까?
대규모 데이터셋을 처리할 수 있고 스킨 옵션이 있어야 합니다.다중 열 결과 목록도 좋을 것 같습니다.ASP와 함께 일하고 있습니다.NET, 하지만 포장지를 써야 한다면 문제가 되지 않습니다.
이미 타사 컨트롤을 사용하고 있는데, 두 공급업체 컨트롤 간에 호환성 문제가 발생했습니다.글쎄, 나는 이런 종류의 의존성을 없애고 싶습니다.
여기 아주 유망해 보이는 것이 있습니다.이것은 진정한 콤보입니다. 입력한 내용을 확인할 수 있습니다.다른 곳에서는 보지 못했던 멋진 기능이 있습니다. 결과를 호출하는 것입니다.
유감스럽게도, 제가 본 것 중에 가장 좋은 것은 jquery.combobox입니다만, 제 웹 애플리케이션에서 꼭 사용하고 싶은 것처럼 보이지는 않습니다.이 컨트롤에 사용성 문제가 있다고 생각하지만 사용자로서는 드롭다운 목록을 입력하여 텍스트 상자로 바꿀 수는 없을 것 같습니다.
저는 콤보 드롭다운 박스를 훨씬 선호하지만, 여전히 제가 원하는 기능을 가지고 있고 알파에 있습니다.알파라는 것 말고는 마음에 들지 않는 유일한 생각은...콤보 상자에 입력하면 원래 드롭다운 목록 항목이 사라집니다.하지만, 어쩌면 이에 대한 설정이 있을지도...아니면 꽤 쉽게 추가될 수도 있습니다.
제가 아는 두 가지 옵션은 그것뿐입니다.검색에 행운을 빕니다.찾으시거나 두 번째 옵션이 잘 되시는지 듣고 싶습니다.
잡동사니 "콤보 박스"를 찾는 사람은 누구나 이 질문을 받는 것 같습니다.제 게시물은 이 페이지에 오는 사람들이 원래 질문에 대한 답이 아닌 "전통적인" 콤보 상자를 찾는 것입니다.위의 솔루션들은 모두 입력을 필터링하고 기존의 선택 값으로 자동 완성하기 위한 수단으로 사용하는 것에 초점을 맞추고 있습니다.(대규모 데이터셋에 적합)
단순히 "입력하거나 미리 정의된 값에서 선택"(아니요, 입력하는 동안 일치하지 않는 값은 숨기지 않습니다)라는 기존 콤보 상자를 찾는다면 다음 작업만 수행하면 됩니다.
<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"의 가장 큰 문제는 선택 목록으로 남아있고, 새로운 것을 입력하기 시작해도 된다는 것이 전혀 명확하지 않다는 것입니다.
섹시한 combo 프로젝트의 새로운 분야가 이제 출시되었는데, 이것은 유망해 보입니다: http://code.google.com/p/ufd/
대규모 데이터셋의 경우 Jorn Zaeferrer의 Autocomplete 플러그인의 "공식" 버전인 JQuery UI Autocomplete는 어떻습니까?
저는 사용자들로부터 꽤 좋은 피드백을 받은 스트레이트 JQuery 콤보박스 플러그인도 작성했습니다.그러나 대규모 데이터셋을 위한 것은 아닙니다. 사용자가 입력하는 내용을 기반으로 목록을 정리할 수 있는 무언가를 원한다면 Jorn의 자동 완성 플러그인을 사용하는 것이 좋을 것 같습니다.
또다른 멋진 플러그인은 Sexy Combo 입니다.
이 역시 유망합니다.
simpletutorials.com 의 JQuery 드롭다운 콤보 박스
공식 jQuery UI ComboBox/Autoccomplete 구성 요소가 제작 중입니다...(이전에 jQuery UI 1.5.x용 베타 버전), jQuery UI Wiki 참조
업데이트:
자동 완성 기능은 이제 jQuery UI의 핵심 기능입니다. 문서를 참조하십시오.
다중 열이 필요 없는 경우 선택하는 것도 좋은 선택입니다.MIT 허가를 받았음
저는 이것을 발견했습니다: http://code.google.com/p/jquery-jec/
또한 좋은 선택인 것 같습니다.
저도 같은 걸 찾고 있어요.지금까지 제가 가장 좋아했던 것은 ExtJs용 이 제품입니다. 다만 큰 Lists: www.sencha.com/deploy/dev/examples/form/combos.html 로 테스트한 적은 없습니다.
여기에 진짜(!) 빠른 것이 있습니다: http://jsearchdropdown.sourceforge.net/
예를 들어, SexyCombo는 꽤 환상적으로 작동하지만 긴 목록에서는 속도가 너무 느립니다.SexyCombo folk UFD는 훨씬 빠르기는 하지만, 아직도 초기화 시간이 상당히 느립니다.게다가 가끔은 작은 것도 있어요!'flashing'.하지만 가까운 시일 내에 업데이트가 있을 것 같습니다.
Sexy-Combo는 사용되지 않았습니다.눈에 띄지 않는 빠른 필터 드롭다운 프로젝트에서는 추가적인 발전이 있습니다.저도 비슷한 요구사항이 있기 때문에 유망해 보입니다.
https://code.google.com/p/ufd/
저는 select2를 좋아합니다. 기능이 풍부하고 좋고 활동적입니다.특히 분음 부호 검색 기능을 좋아합니다.
http://jqueryajax.codeplex.com/ 을 이용해 보는 건 어떨까요?ASP 모음입니다.여러 열의 드롭다운을 포함하는 NET 컨트롤도 있습니다.
액티브 위젯은 아주 멋진 위젯을 가지고 있습니다.대규모 데이터셋에서 얼마나 잘 수행되는지 알 수 없습니다.http://www.activewidgets.com/ui.combo/
저도 같은 문제가 있어서 결국 제가 직접 만들었습니다.
템플릿 시스템이 내장되어 있어 원하는 결과를 원하는 대로 만들 수 있습니다.모든 주요 브라우저에서 작동하며 array & json 객체를 받아들입니다.http://code.google.com/p/custom-combobox/
여기 정말 멋진 것이 있습니다. http://www.xnodesystems.com/ Dynamic List Field는 자동 완성 기능을 갖추고 있을 뿐만 아니라 검증도 수행할 수 있습니다.
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.erichynds.com/jquery/jquery-ui-multiselect-widget/
이것을 시도해 보십시오.
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxcombobox/index.htm
현지화를 포함한 많은 기능이 있어 매우 좋습니다.
Twitter Type ahead:
http://twitter.github.io/typeahead.js/
필요한 모든 것 http://jquerycomboboxtmpl.codeplex.com/
템플릿 드롭다운
언급URL : https://stackoverflow.com/questions/195270/professional-jquery-based-combobox-control
'programing' 카테고리의 다른 글
| mysql의 select 문 "in" 절에서 값 순서에 따라 정렬 (0) | 2023.10.12 |
|---|---|
| 패키지에 절차가 있는지 확인하려면 어떻게 해야 합니까? (0) | 2023.10.12 |
| 구독 전환 - 카트에 직접 추가 (0) | 2023.10.12 |
| Oracle DB 12c에서 가장 최근 삽입의 ID를 검색하는 중 (0) | 2023.10.12 |
| Emacs C++, 해당 헤더 파일 열기 (0) | 2023.10.12 |