같은 양식의 드롭 다운에서 선택한 항목을 기반으로 팔레트의 사용 가능한 섹션에서 선택한 섹션으로 항목을 이동하는 방법은 무엇입니까?

Question

Wicket에서 하나의 드롭 다운과 같은 데이터 유형의 팔레트가 포함 된 양식을 만들었습니다. 드롭 다운에서 선택한 값에 따라 항목을 사용 가능한 섹션에서 선택 항목으로 이동하려고합니다. 그렇게하는 방법?

Answer 1

두 가지 방법 : 자바 스크립트를 사용하는 클라이언트 측 또는 아약스를 사용하는 서버 측.

Ajax로 수행하려는 경우 AjaxEventBehavior을 사용하여 드롭 다운에 변경 사항이 있음을 감지 할 수 있습니다. 그런 다음 팔레트의 선택 모델을 선택하려는 항목으로 변경하십시오. 그런 다음 AjaxEventBehavior#onEvent으로 지정된 AjaxRequestTarget에 팔레트를 다시 렌더링하십시오. 이것은 자바 스크립트 솔루션에 비해 약간의 대기 시간을 갖지만 Palette를 사용한다는 의미에서 (의미 적으로) 사용되는 것처럼 더 깨끗합니다. 나는 당신의 인생을 더 쉽게 줄 수 있다고 생각합니다.

자바 스크립트를 통해이 작업을 수행하려는 경우 옵션을 한 쪽에서 다른쪽으로 옮기는 드롭 다운에 onchange 이벤트 리스너를 바인딩 할 수 있습니다. 팔레트는 디스플레이에 두 개의 <select> 구성 요소를 사용하고 선택을 개찰에 전달하기위한 단일 <input type="hidden"/>을 사용하여 작동합니다. javascript를 통해 질문하는 작업을 수행하려면 선택되지 않은 구성 요소를 표현하는 에서 다른 구성 요소로 구성 요소를 이동 한 다음 숨겨진 입력의 값을 수정하여 선택 항목의 ID 값을 포함하거나 더 이상 포함하지 않아야합니다. 이 솔루션은 제 생각에 좀 더 지저분하지만, 아마도 최상의 성능을 얻을 것입니다.