프라임은 탭을 동적으로 추가합니다.

Question

프라임 얼굴을 사용하여 페이지를 다시로드하지 않고도 동적 탭 (관련없는 탭)을 추가 할 수 있습니까?

나는이

http://blog.favrik.com/examples/tabs/

우리가하는 메뉴 바처럼 어떤 일을 원하고 메뉴를 클릭했을 때, 동적 탭이 생성 될 수 있습니다. 탭에서 페이지를로드해야합니다 (xhtml). 전체 페이지를 다시로드하고 관리 빈에 의존하지 않고 탭을 추가해야합니다. 대부분 요청 범위를 사용하여 최대 상태가 유지되도록하려합니다.

예를 보았습니다. 빈 데이터를 기반으로 탭을 추가하는 것을 보여줍니다. 하지만 내 경우에는 각 탭이 독립적입니다 (페이지)

현재 수행중인 응용 프로그램에서 샘플 이미지를 추가했습니다 (JSF로 마이그레이션하려는 중입니다). 각 탭은 독립적 인 screen/xhtml 파일과 같습니다. 서버에 뷰 상태가 저장되지 않았습니다. 메뉴 항목을 클릭하면 새 탭에 새 화면 내용이 추가됩니다. 페이지를 다시로드의 탭 (우리는 국적을 상실하려고하는 우리가 함께 살 수있는) 손실됩니다

Answer 1

당신은 무엇 당신에 관한 자세한 내용과 더 많은 질문을 구체화해야 할 수도 있습니다 탭에 넣을거야. 그러나이 시도 : 클라이언트 측 TabView 바인딩

1. 를 백업 빈의 인스턴스. XHMTL 측면에서 :

   <p:tabView id="myTabPanel" binding="#{myBackingBean.tabView}" /> 
   

   백킹 빈에서

   TabView tabView = new TabView(); 
   //getter and setter 
   

2. 는 TabPanel

   TabView tabView = new TabView(); 
   Tab newTab = new Tab();    //Create new Tab 
   newTab.setTitle("Tab Title");  //Set a basic property 
   tabView.getChildren().add(newTab); //Add as a child of the TabView 
   

3. 사용의 자식으로 Tab을 추가하는 방법으로 아래의 스 니펫을 구현 프라임 액센트 RequestContext to ajax 새 탭을 반영하도록 뷰를 업데이트

   SpecialGems 지적처럼

   RequestContext context = RequestContext.getCurrentInstance(); 
       context.update("myTabPanel"); 
   

또는, 당신은 단순히 그냥 백업 콩 목록에 TabView을 결합 할 수 단순히에 위의 3에 표시된대로 RequestContext와 TabView를 업데이트, 그 목록에 새 항목을 추가 변경 사항 반영