primeFaces 선택 목록 단추의 순서를 변경하는 방법

Question

PrimeFaces 선택 목록에서 정렬 및 이동 단추의 순서를 변경하는 쉬운 방법이 있습니까? 더 나은 사용성을 위해 나는이 순서로 버튼이 필요합니다

정렬 :

all up 
up 
down 
all down 

및 이동에 대한

:

all to the right 
right 
left 
all to the left 

내가 더미 페이지 누군가를 구현 단지 하나입니다 그렇다면 내가 설계 한 PrimeFaces 컴포넌트를 구현해야한다. 그래서 나는 프로그래머가 불가능한 일이되기를 원하지 않는다.

Answer 1

내장 된 buttonTemplate 기능은 없지만 CSS로 순서를 변경할 수 있습니다.

코드 :

.ui-picklist-button-add { 
    position:relative; 
    top:25px; 
} 

.ui-picklist-button-add-all { 
    position:relative; 
    top:-40px; 
} 

->이 '옵티머스 프라임'라는 것입니다. Prime Faces 포럼에서 내 질문에 대한 대답은

Answer 2

당신이 그런 식으로 jQuery를 함께 그 일을 시도 할 수 있습니다 다음 패치를하려면 JavaScript moving element in the DOM

사용 방화 광

예를 들어 jQuery(".ui-picklist-target-controls .ui-picklist-button-move-top").insertAfter(".ui-picklist-target-controls .ui-picklist-button-move-top");

을 시도 모든 버튼의 클래스와 그것의 컨테이너를 찾아 primefaces jar는 PickListRenderer.java 파일을보고 어디에서 encodeButton 메서드를 사용하는지보고 단추를 다시 주문하십시오.

비록 사용자가 r 업그레이드 할 때마다 패치하십시오