는 UI 예 내 형태에서 다중 값

Question

를 선택

예 "AU, RU, SG는 US가"

사용자 다중 값에 추가 할 수있는 분리되는 다중 값 입력을 허용 입력란있다 ..

이러한 데이터에 대한 UI 입력 예가 표시된 사이트가 있다면 알 수 있습니까?

현재 우리는 2 개의 목록 상자가있는 팝업 빈을 사용하고 있으며, 하나의 목록 상자에는 사용 가능한 모든 데이터와 선택 가능한 다른 데이터가 들어 있습니다.

더 좋은 방법이 있는지 궁금합니다.

추가 된 설명 : 버튼이있는 입력란이 있습니다.

사용자가 버튼을 클릭하면 팝업이 표시됩니다.

팝업에는 2 개의 목록이 있습니다. 목록 하나는 사용할 수있는 모든 값을 표시하며 사용자는 다른 목록 상자를 이동할 수 있습니다.

사용자가 선택을 마친 후 업데이트 버튼을 클릭하면 텍스트 필드가 선택된 데이터로 업데이트됩니다.

제 질문은 다중 값 선택을 위해 다른 방법으로 UI를 사용할 수 있다는 것입니다. 미래에는 값이 Tree에 표시 될 수 있으며 사용자는 노드 중 일부를 선택해야합니다.

Answer 1

richfaces으로 작업하는 경우 list-shuttle 또는 기타 다양한 리치 셀렉션을 사용할 수 있습니다.

UI 관점에서 사용자가 한 번에 모두 선택한 옵션을 볼 수 있으므로 선택의 여지가 많고 선택이 쉽습니다.

수있는 또 다른 방법이나 옵션은 checkbox in combo이며 사용자가 콤보 선택에서 여러 개의 체크를 선택할 수 있도록합니다. 예 here. 만약 당신이 compact and friendly UI을 원한다면 더 믿을만합니다.

또는 제한된 수의 옵션이있는 경우 선택하는 옵션 수에 대해 checkboxs을 입력하면됩니다.