2016-06-17 11 views
0

GWTを初めて使用しています。 VerticalPanelでStack DockLayoutPanelを作成し、アンカーリンクを追加しました。今度は左のナビゲーションリンクをクリックしてフォームをレンダリングします。GWT中央の描画形式左クリック時の領域ナビゲーションメニューハイパーリンク

多くの方法を試みましたが、成功できませんでした。誰か助けてもらえますか?

public class WebAppExample implements EntryPoint { 
    StackLayoutPanel stackPanel = new StackLayoutPanel(Unit.PX); 
    /** 
    * This is the entry point method. 
    */ 
    public void onModuleLoad() { 

     final DockLayoutPanel dockLayoutPanel = new DockLayoutPanel(Unit.PX); 

     Label headerLabel = new Label(); 
     headerLabel.setText("Example Application"); 
     headerLabel.addStyleName("northPanel"); 

     stackPanel.setPixelSize(300, 999); 

     stackPanel.add(createMenuItem(),"Menus Navigation",40); 

     dockLayoutPanel.addNorth(headerLabel, 48); 
     dockLayoutPanel.addSouth(new FlowPanel(), 48); 
     dockLayoutPanel.addWest(stackPanel,300); 

     final Panel centerPanel = new FlowPanel(); 

     dockLayoutPanel.add(new ScrollPanel(centerPanel)); 
     //dockLayoutPanel.add(vPanel); 

     RootLayoutPanel.get().add(dockLayoutPanel); 

    } 

private Widget createMenuItem() { 
     // Create a popup to show the contact info when a contact is clicked 
     HorizontalPanel menuPopupContainer = new HorizontalPanel(); 
     menuPopupContainer.setSpacing(5); 
     //contactPopupContainer.add(new Image(images.defaultContact())); 
     final HTML contactInfo = new HTML(); 
     menuPopupContainer.add(contactInfo); 
     final PopupPanel contactPopup = new PopupPanel(true, false); 
     contactPopup.setWidget(menuPopupContainer); 

     ArrayList<String> leftMenuItems = new ArrayList<String>(); 
     leftMenuItems.add("Link1"); 


     VerticalPanel menuVPanel = new VerticalPanel(); 
     menuVPanel.setSpacing(4); 

     for (String menu : leftMenuItems) { 
      final Anchor contactLink = new Anchor(menu); 
      menuVPanel.add(contactLink); 
     } 

     return new SimplePanel(menuVPanel); 
     } 
+0

私たちは本当に成功しなかったよりも詳細が必要です。また、あなたのレイアウトを扱うためにgwt UIバインダーを見たいかもしれません。 UIの処理がずっと簡単になり、ウィジェットとhtmlを簡単に組み合わせることができます。 http://www.gwtproject.org/doc/latest/DevGuideUiBinder.html –

答えて

0

あなたがClickHandlerを追加Anchorリンクを作成します。

contactLink.addClickHandler(new ClickHandler() { 
    @Override 
    public void onClick(ClickEvent event) { 
     // add the form 
    } 
}); 

ハンドラではcenterPanelに(私は推測)のフォームを取得し、それを追加します。

関連する問題