Programing

전문적인 jQuery 기반 Combobox 컨트롤?

lottogame 2020. 9. 11. 19:25
반응형

전문적인 jQuery 기반 Combobox 컨트롤? [닫은]


어떤 있습니까 전문 jQuery 라이브러리를 기반으로 콤보 상자 컨트롤 (자기 암시와 드롭 다운 목록)?

대규모 데이터 세트 를 처리 할 수 ​​있어야하며 일부 스키닝 옵션 이 있어야합니다 . 다중 열 결과 목록이 너무 좋은 것입니다. ASP.NET으로 작업하고 있지만 래퍼를 작성해야한다면 문제가되지 않습니다.

대체 텍스트

이미 타사 컨트롤을 사용하고 있지만 두 공급 업체의 컨트롤간에 호환성 문제가 발생했습니다. 글쎄, 나는 이런 종류의 의존성을 없애고 싶다.


불행히도 내가 본 가장 좋은 것은 jquery.combobox 이지만 실제로 내 웹 응용 프로그램에서 사용하고 싶은 것처럼 보이지는 않습니다. 이 컨트롤에 사용성 문제가 있다고 생각하지만 사용자로서 드롭 다운 목록을 텍스트 상자로 바꾸려면 입력을 시작해야한다고 생각하지 않습니다.

나는 Combo Dropdown Box를 훨씬 선호 하지만 여전히 내가 원하는 기능이 있으며 여전히 알파 상태입니다. 알파라는 것 외에는 내가 싫어하는 유일한 생각은 콤보 상자에 입력하면 원래 드롭 다운 목록 항목이 사라진다는 것입니다. 그러나 아마도 이것에 대한 설정이 있거나 ... 아마 상당히 쉽게 추가 될 수 있습니다.

내가 아는 유일한 두 가지 옵션입니다. 검색에 행운을 빕니다. 하나를 찾거나 두 번째 옵션이 효과가 있는지 듣고 싶습니다.


매우 유망 해 보이는 것이 있습니다. 진정한 콤보입니다. 입력 한 내용을 볼 수 있습니다. 내가 다른 곳에서 보지 못한 멋진 기능이 있습니다 : 페이징 결과.

FlexBox


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/


For large datasets, how about JQuery UI Autocomplete, which is basically the "official" version of Jorn Zaeferrer's Autocomplete plugin?

I also wrote a straight JQuery combobox plugin that's gotten pretty good feedback from its users. It's explicitly not meant for large datasets though; I figure that if you want something that prunes the list based on what the user types, you're better off with Jorn's autocompletion plugin.


Another nice plugin is Sexy Combo


This is also promising:

JQuery Drop-Down Combo Box on simpletutorials.com


An official jQuery UI ComboBox/Autocomplete component is in the making... (previously in beta for jQuery UI 1.5.x), see jQuery UI Wiki

UPDATE:

Autocomplete functionality is now a core feature of jQuery UI, see docs.


If you don't need multi-column, chosen is another good choice. MIT Licensed


I found this other one: http://code.google.com/p/jquery-jec/

Also seems like a good option.


I'm looking for the same. The one I liked most till now is this one for ExtJs - except I havent tested it with large Lists: www.sencha.com/deploy/dev/examples/form/combos.html

Here is another really(!) fast one: http://jsearchdropdown.sourceforge.net/

For example the SexyCombo works quite fantastic but is way to slow for longer lists. The SexyCombo folk UFD is a lot faster, but initialization time is still quite slow for really huge lists. Besides I get sometimes some little! "flashing". But I guess there will be some updates in the near future.


Sexy-Combo has been deprecated. Further development exists in the Unobtrusive Fast-Filter Dropdown project. Looks promising, as i have similar requirements.

https://code.google.com/p/ufd/


I like select2, it's feature-rich and nice and active. Particularly like the diacritic search feature.


Why don't you try http://jqueryajax.codeplex.com/. It is a collection of ASP.NET controls that contains multicolumn drop down as well.


Activewidgets has a very nice looking one. No idea how well it performs on large datasets. http://www.activewidgets.com/ui.combo/


I had the same problem, so I ended up making my own.

It has a template system built in, so you can make the results look like anything you want. Works on all major browsers and accepts arrays & json objects. http://code.google.com/p/custom-combobox/


Here's a really cool one: http://www.xnodesystems.com/ The Dynamic List Field not only has the autocomplete capability, but also is able to do validation.


I've tried http://jqueryui.com/demos/autocomplete/#combobox and the problems faced were:

  • Cross browser rendering
  • Inability to submit custom value

결과적으로 나는 그것을 약간 조정했고 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 Typeahead를 적극 권장합니다.

http://twitter.github.io/typeahead.js/


필요한 모든 것 http://jquerycomboboxtmpl.codeplex.com/

템플릿 드롭 다운

참고 URL : https://stackoverflow.com/questions/195270/professional-jquery-based-combobox-control

반응형