2011-01-18 1 views
2

받는 사람 주소를 입력 할 때 제안되는 Gmail의 드롭 다운 또는 스택 오버플로의 드롭 다운과 비슷한 웹 응용 프로그램 기능이 필요합니다. 질문 작성 용 태그를 입력 할 때여러 값을 포함하는 텍스트 입력란, 드롭 다운의 제안 사항 (예 : Gmail의 "받는 사람 :"입력란)

Gmail에는 "받는 사람 :"주소의 텍스트 필드가 있습니다. 입력을 시작하면 드롭 다운이 제안과 함께 나타납니다. 세미콜론이나 쉼표를 입력하면 다른 주소를 입력 할 수 있습니다. 이 주소를 입력하기 시작하면 제안 사항이있는 드롭 다운이 나타납니다.

제안 사항은 입력 한 텍스트가 포함 된 주소록의 하위 집합입니다. (예 : "jo"를 입력 한 경우 "Jo hn"및 "Foo jo e"가 제안으로 표시되지만 "XYZ"는 표시되지 않음) 단어의 일치하는 부분이 굵게 강조 표시됩니다.

"enter"를 누르거나 위/아래 커서 키를 사용하면 드롭 다운 제안 목록을 탐색 할 수 있습니다.

아마도이 프로그램을 직접 프로그래밍 할 수는 있지만 표준 솔루션이 있어야 사용할 수 있다는 느낌이 들었습니다. 그러나 내가 발견 한 모든 것은 분야의 가치가 제안을 이끌어 낸 해결책이었고 현재의 가치가 아닌 부분의은 제안 사항을 이끌어 냈습니다 (각 부분은 구분 기호로 구분됩니다). "," 또는 Gmail의 경우 ';'또는 스택 오버플로 태그의 경우 공간).

Wicket (Java 서버 측 웹 프레임 워크)을 사용하고 있으므로 모든 Wicket 전용 솔루션이 좋을 것입니다. 그러나 그렇지 않은 경우 일반 Javascript 라이브러리를 프로젝트에 통합 할 수 있습니다.

답변

3

jQueryUI의 자동 완성은 훌륭한 플러그인입니다.

http://jqueryui.com/demos/autocomplete/#multiple

링크는 거의 당신이 설명 어떤 단어에 대한 단어 인 "여러 값"예이다; 그것은 중간에서 부분 단어를 일치 시키며, 키 기반 탐색, 다중 항목을 허용합니다.

+0

가 wiquery의 도서관에서의 개찰구 래퍼가 : http://code.google.com/p/wiquery/wiki/Autocomplete – ireddick

1

Wicketstuff 프로젝트에서 자동 완성 구성 요소가 있습니다. 사용법은 an Blog입니다.