리 시트 패널 막대에 이미지 레이블을 지정하는 방법

Question

이미지를 레이블로 가져야하는 패널 막대 세트가 있는데이 이미지는 패널의 축소 및 축소시 변경됩니다.

이 문제

Answer 1

를 해결 좀 도와주세요 내가 here에서 이러한 옵션이 표시되지 않습니다,하지만 당신은 항상 원시 HTML 설정하고 이미지를 재생할 수 있습니다.

Answer 2

첫째, 정의하는 두 개의 CSS 클래스 : 정상 상태에 대한 하나 (내가 panelBarClosed 전화), 열린 상태에 대한 두 번째 (panelBarOpened), 및 set the image as the background : 당신의 <rich:panelBarItem>에 이제

.panelBarClosed { 
    background: url('/path/to/images/closed.png'); 
} 
.panelBarOpened { 
    background: url('/path/to/images/opened.png'); 
} 

, 첫 번째 클래스를 설정하십시오 :

<rich:panelBarItem headerClass="panelBarClosed" headerClassActive="panelBarOpened"> 
    ... 
</rich:panelBarItem> 

이 정도면 충분하지 않은지 확실하지 않습니다. (지금 테스트 할 수 없습니다).

이 구성 요소가 여전히 작동하지 않는 경우이 구성 요소는 유용한 두 가지 속성, 즉 onenter 및 onleave을 제공합니다. 첫 번째 이벤트는 패널 바 항목을 '입력'할 때 (즉, 패널 항목을 열 때) 시작되고 두 번째 이벤트는 이탈 할 때 시작됩니다.

이

<rich:panelBarItem ... 
    onenter="jQuery(this).removeClass('panelBarClosed').addClass('panelBarOpened');" 
    onleave="jQuery(this).removeClass('panelBarOpened').addClass('panelBarClosed');"> 
    ... 
</rich:panelBarItem> 

(다시, 나는 그것을 테스트하지 않았기 때문에 어쩌면이 솔루션은 조금 수정해야합니다) 그것은 감사를했다