GXT之旅：第五章：高级Components(6)——TabPanel，Status大概介绍

TabPanel

TabPanel 继承 Container，作为可以容器，可以负责显示和管理TabItem 对象集。TabItem 对象集可以方法被add或remove。每一个TabItem都有一个id，用来通过findItem方法来获得其对象。通过setSelectedItem方法可是设置一个TabItem呈现被选中状态。通过getSelectedItem方法可以获得当前没选中的TabItem。

TabItem

TabItem 继承 LayoutContainer。当一个TabItem被添加到一个TabPanel时，可以被closed，disabled，同时在头部支持显示一个icon。

Status component

Status一般和ToolBar结合使用，用来作为一个状态栏，这种功能很类似一些桌面程序。

接下来，会在RSSReader项目里，初步的加入涉及到的功能，但是后面的章节会详细介绍。

• 在RssMainPanel在构造函数里面，回滚到添加ItemGrid的时候。

package com.danielvaughan.rssreader.client.components;

import com.danielvaughan.rssreader.client.grids.ItemGrid;
import com.extjs.gxt.ui.client.widget.ContentPanel;
import com.extjs.gxt.ui.client.widget.layout.FitLayout;

public class RssMainPanel extends ContentPanel {
  public RssMainPanel() {
    setHeading("Main");
    setLayout(new FitLayout());
    add(new ItemGrid());
    // add(new ItemCategoryGrid());
    // add(new ItemPagingGrid());
  }
}

• 在RssMainPanel构造函数的尾端，新建一个ToolBar

ToolBar toolBar = new ToolBar();

• 紧接着，新建一个Status

Status status = new Status();
status.setWidth(150);

• 使用Status.setBox方法设置其显示的边框状态，然后初始化其状态的内容是OK

status.setBox(true);
status.setText("OK");

• 将status放入到toolBar里面，将toolBar放入到ContentPanel底部

toolBar.add(status);
setBottomComponent(toolBar);