아이콘 컨트롤을 리치 패널에 추가 : 패널

Question

rich : 패널의 헤더에 아이콘 컨트롤을 추가하고 싶습니다. 이러한 컨트롤을 추가 할 수 있습니까?

우리는 모달 패널에 할 수있는 것처럼 닫기 아이콘, 패널의 헤더에 설정 아이콘과 같은 것을 의미했습니다.

나는 똑같은 방식으로 시도했지만 아이콘은 헤더에 표시되지 않았습니다. 또한 나는 풍부한 기능을 사용하고 싶었습니다 : 해당 아이콘에 대한 componentControl은

rich : componentControl은 JS 기능에만 사용되었습니다.

icone을 rich : panel 헤더에 넣고 bean 메소드를 호출하는 것이 가능합니까?

감사합니다,

사티

Answer 1

당신은 <f:facet/> 태그를 사용하여 패널 헤더를 설정할 수 있습니다.

예 :

<rich:panel id="myPanel"> 
    <f:facet name="header"> 
    <a4j:commandLink id="myPanelControl" value="Control"/> 
    </f:facet> 

    My panel content. 
</rich:panel> 

당신이 "가까운"(숨길 의미?) 패널을, 당신이 JQuery와와 jQuery를

예 사용하려면 :

<a4j:commandLink onclick="$('#myPanel').hide();"/> <!-- Or show(); --> 

을 디스플레이 사용 :

document.getElementById(elementId).style.display = 'none' //Or 'block' to show it back 

(A <a4j:commandLink/>으로,이 경우) <rich:componentControl/>,하지만 필요하지를 사용 ..

<rich:componentControl for="myPanelControl" event="onclick" operation="use jQuery or display here.."/> 

당신이 아와 빈 메소드를 실행하려는 경우, graphicImage 그냥 action으로 rich:componentControl를 사용 및 onComplete :

<rich:componentControl event="onclick" action="#{...}" onComplete="hide script here"/> 

또는 중첩에게 <a4j:commandLink/>

내부의 이미지를 수

<a4j:commandLink id="myPanelControl" action="#{myBean.executeSomething} value="" onComplete="$('#myPanel').hide()"> 
    <h:graphicImage value="/myImage.jpg"/> 
</a4j:commandLink> 

패널에 대한 자세한 정보는 here 및 here입니다.