개찰판 슬라이드 패널/div/x

첫 번째 개찰판 응용 프로그램을 만들고 있는데 여기에 약간의 눈가림 물건을 추가하고 싶습니다. 링크/버튼을 클릭 할 때까지 숨겨져 야하는 패널이 있는데, 슬라이드 애니메이션을 실행하고 패널을 표시해야합니다.개찰판 슬라이드 패널/div/x

jQuery에서 이것은 쉬울 것입니다 : $.slideToggle() 개찰구 구성 요소가 내장되어 있습니까?

출처

2011-07-28 onigunn

-1

AjaxFallbackLink를 사용합니다. 패널을 표시하려면 onClick 메서드를 재정의해야합니다. 이 같은 것

WebMarkupContainer hiddenPanel = // create your panel 
hiddenPanel.setOutMarkupPlaceHolderTag(true); 
hiddenPanel.setVisible(false) 
... 
AjaxFallbackLink myLink = new AjaxFallbackLink ("myLink") { 

    public void onClick(AjaxRequestTarget target) { 
    hiddenPanel.setVisible(true); 
    target.addComponent(hiddenPanel); 
    } 
};

그게 기본이야. 링크를 클릭하면 onClick 메서드가 호출되고 hiddenPanel이 웹 페이지에 렌더링됩니다.

의견 후 편집 된 코드. Martin 고마워.

출처

2011-07-28 10:21:28

안녕하세요, 앤드류에게 감사드립니다. 부분 재로드를 처리하는 방법을 알고 있지만이 애니메이션에 일부 애니메이션을 추가하려고합니다. – onigunn

이렇게하려면 자바 스크립트가 필요합니다. 링크의 onClick 이벤트 핸들러는 Javascript 메서드를 호출하여 패널을 애니메이션화해야합니다 (slideToggle() 사용). 나는 당신에게 일반적인 생각을주기 위해 위의 대답을 편집했습니다. –

Andrew에게 감사드립니다. 나는 이와 같은 것이 포함될 것이라고 생각했다. 그래서, 나는 자바 스크립트를 작성해야합니다. – onigunn

개찰판 슬라이드 패널/div/x

답변

관련 문제