Examples of BorderLayoutContainer

com.sencha.gxt.widget.core.client.container.BorderLayoutContainer
A multi-pane, application-oriented layout container that supports multiple regions, automatic split bars between regions and built-in expanding and collapsing of regions.
Region positions are specified using compass points (e.g. north for top, west for left, east for right, south for bottom) and center. The center region is a privileged position that receives the remaining space not allocated to other regions. Border layout containers should generally specify a center region and one or more other regions.
Region layout parameters are specified using {@link BorderLayoutData} which controls the margin between the regions,the size of the region, the minimum and maximum size, whether the region has a split bar, whether the region is collapsible and other details.
Region size may be specified as a percent of the parent container size or a fixed number of pixels. The region size is specified as a single value that describes the orientation associated with the region (height for north and south, width for west and east).
The size, split bar and collapsible attributes are specified in the BorderLayoutData for the region adjacent to the center region.
Code Snippet:
```
 BorderLayoutContainer con = new BorderLayoutContainer(); ContentPanel cp = new ContentPanel(); cp.setHeadingText("North"); cp.add(new Label("North Content")); BorderLayoutData d = new BorderLayoutData(.20); d.setMargins(new Margins(5)); d.setCollapsible(true); d.setSplit(true); con.setNorthWidget(cp, d); cp = new ContentPanel(); cp.setHeadingText("West"); cp.add(new Label("West Content")); d = new BorderLayoutData(.20); d.setMargins(new Margins(0, 5, 5, 5)); d.setCollapsible(true); d.setSplit(true); d.setCollapseMini(true); con.setWestWidget(cp, d); cp = new ContentPanel(); cp.setHeadingText("Center"); cp.add(new Label("Center Content")); d = new BorderLayoutData(); d.setMargins(new Margins(0, 5, 5, 0)); con.setCenterWidget(cp, d); Viewport v = new Viewport(); v.add(con); RootPanel.get().add(v); 
```

Examples of com.sencha.gxt.widget.core.client.container.BorderLayoutContainer

  }
  private Widget widget;
  @Override
  public Widget asWidget() {
    if(widget==null){
      final BorderLayoutContainer border = new BorderLayoutContainer();
      BorderLayoutData west = new BorderLayoutData();
      west.setMargins(new Margins(3));
      west.setSplit(true);
      west.setSize(300);
      west.setCollapsible(true);
      west.setCollapseMini(true);
      ContentPanel sc=new ContentPanel();
      sc.setHeaderVisible(false);
      SimpleContainer sc2=new SimpleContainer();
      border.setWestWidget(sc, west);
      border.setCenterWidget(sc2, new MarginData(3));
      presenter.getJobManagerPresenter().go(sc);
      presenter.getJobDisplayPresenter().go(sc2);
      widget=border;
    }
    return widget;

View Full Code Here

Examples of com.sencha.gxt.widget.core.client.container.BorderLayoutContainer

  private Widget widget;


  @Override
  public Widget asWidget() {
    if (widget == null) {
      final BorderLayoutContainer rootContainer = new BorderLayoutContainer();
      BorderLayoutData westLayout = new BorderLayoutData();
      westLayout.setMargins(new Margins(3));
      westLayout.setSplit(true);
      westLayout.setSize(200);
      westLayout.setCollapsible(true);
      westLayout.setCollapseMini(true);
      final ContentPanel fileManagerPanel = new ContentPanel();
      fileManagerPanel.setHeaderVisible(false);
      fileManagerPanel.setCollapsible(true);
      fileManagerPanel.setHeadingText("文件管理");
      // TODO 动画效果
      fileManagerPanel.setAnimCollapse(true);
      fileManagerPanel.setAnimationDuration(1000);
      final BorderLayoutContainer centerContainer = new BorderLayoutContainer();
      SimpleContainer wordContainer = new SimpleContainer();
      final ContentPanel tabContainer = new ContentPanel() {
//        @Override
//        protected void onAfterFirstAttach() {
//          super.onAfterFirstAttach();
//          centerContainer.hide(LayoutRegion.EAST);
//        }
      };
      tabContainer.setHeaderVisible(false);
      BorderLayoutData tabLayout = new BorderLayoutData();
      tabLayout.setSplit(true);
      tabLayout.setSize(300);
      tabLayout.setCollapsible(true);
      tabLayout.setCollapseMini(true);
      tabLayout.setMinSize(100);
      tabLayout.setMargins(new Margins(3, 3, 3, 5));
      centerContainer.setEastWidget(tabContainer, tabLayout);
      centerContainer.setCenterWidget(wordContainer, new MarginData(3));
      rootContainer.setWestWidget(fileManagerPanel, westLayout);
      rootContainer.setCenterWidget(centerContainer, new MarginData(3));
      presenter.getFileManagerPresenter().go(fileManagerPanel);
      presenter.getWordPresenter().go(wordContainer);
      presenter.getTableManagerPresenter().go(tabContainer);

View Full Code Here

Examples of com.sencha.gxt.widget.core.client.container.BorderLayoutContainer


    final HorizontalLayoutContainer mainContainer = new HorizontalLayoutContainer();
    viewport.add(mainContainer);
    mainContainer.getElement().getStyle().setProperty("textAlign", "center"); // IE hack for center alignment


    final BorderLayoutContainer mainBorderLayoutContainer = new BorderLayoutContainer()
    {
      @Override
      protected void doLayout()
      {
        super.doLayout();
        getElement().getStyle().setProperty("textAlign", "left"); // clear IE hack
        getElement().getStyle().setProperty("marginTop", "0");
        getElement().getStyle().setProperty("marginRight", "auto");
        getElement().getStyle().setProperty("marginBottom", "0");
        getElement().getStyle().setProperty("marginLeft", "auto");
        getElement().getStyle().setPosition(Position.RELATIVE);
      }
    };
    mainBorderLayoutContainer.setBorders(true);
    layoutDataVerticalCenter = new HorizontalLayoutData(DkMain.model().isFullSize() ? 1 : DkMain.config()
        .getApplicationWidth(), 1, null);
    mainContainer.add(mainBorderLayoutContainer, layoutDataVerticalCenter);


    // NORTH PANEL --------------------------------------------------------------------------


    final VerticalLayoutContainer northPanel = new VerticalLayoutContainer();
    northPanel.setBorders(false);
    tb = new ToolBar();
    updateMainToolBar(tb);
    northPanel.add(tb, new VerticalLayoutData(1, -1));


    final StringBuffer sb = new StringBuffer();
    sb.append("<div class='application-title-container'>");
    sb.append("<img src='" + GWT.getHostPageBaseURL() + DkMain.i18n().appIconPath()).append("'/>");
    sb.append("<span class='app-title'>").append(DkMain.i18n().appTitle()).append("</span>");
    sb.append("<span class='app-title-info'>").append(getAppInfoLabel()).append("</span>");
    sb.append("</div>");
    final HTML titlePanel = new HTML(sb.toString());
    northPanel.add(titlePanel, new VerticalLayoutData(1, -1));


    final BorderLayoutData northBorderLayoutData = new BorderLayoutData(63);
    mainBorderLayoutContainer.setNorthWidget(northPanel, northBorderLayoutData);


    // HYPERLINK FORM PANEL -----------------------------------------------------------------
    hyperlinkCallerFormPanel = new FormPanel();
    hyperlinkCallerFormPanel.setAction("");
    hyperlinkCallerFormPanel.setMethod(Method.POST);
    northPanel.add(hyperlinkCallerFormPanel);


    hyperLink = new Anchor();
    hyperLink.setVisible(false);
    northPanel.add(hyperLink);
    // SCREEN CONTAINER PANEL ---------------------------------------------------------------


    final MarginData centerBorderLayoutData = new MarginData(4, 2, 1, 2);
    screenContainerPanel = new SimpleContainer();
    mainBorderLayoutContainer.add(screenContainerPanel, centerBorderLayoutData);
  }

View Full Code Here

TOP

All source code are property of their respective owners. Java is a trademark of Sun Microsystems, Inc and owned by ORACLE Inc. Contact coftware#gmail.com.