GWT FlexTable

2025年3月17日 | 阅读 3 分钟

GWT FlexTable 是一个灵活的表格，可按需创建单元格。它可以是不规则的（即，每行可以包含不同数量的单元格），并且可以设置单个单元格以跨越多行或多列。它类似于 GWT GRID，因为它也创建表格。可以根据索引设置表格内的单个单元格以跨越多行或多列。

GWT FlexTable 类声明

让我们看一下 com.google.gwt.user.client.ui.FlexTable 的声明

GWT FlexTable 嵌套类

Class	描述
FlexTable.FlexCellFormatter	它是 HTMLTable.CellFormatter 的特定实现。

GWT FlexTable 构造函数

修饰符和类型	构造函数	描述
public	FlexTable()	它是空 FlexTable 的构造函数。

GWT FlexTable 方法

修饰符和类型	方法	描述
void	addCell(int row)	它将单元格附加到指定的行。
int	getCellCount(int row)	它获取给定行上的单元格数量。
FlexTable.FlexCellFormatter	getFlexCellFormatter()	它获取 FlexTable.FlexCellFormatter。
int	getRowCount()	它获取行数
void	insertCell(int beforeRow, int beforeColumn )	它将单元格插入到 FlexTable 中。
int	insertRow(int beforeRow)	它将行插入到 FlexTable 中。
受保护的 void	prepareCell(int row, int column)	它确保单元格存在。
受保护的 void	prepareRow(int row)	它确保行存在。
void	removeAllRows()	它删除表格中的所有行。
void	removeCell(int row, int col)	它从表格中删除指定的单元格。
void	removeCells(int row, int col, int num)	它从表格中的一行中删除多个单元格。
void	removeRow(int row)	它从表格中删除指定的行。

GWT FlexTable 示例 1

//SampleFlexTable1.java

public class FlexTableExample implements EntryPoint {

  public void onModuleLoad() {
    // Tables have no explicit size -- they resize automatically on demand.
    FlexTable t = new FlexTable();

    // Put some text at the table's extremes.  This forces the table to be
    // 3 by 3.
    t.setText(0, 0, "upper-left corner");
    t.setText(2, 2, "bottom-right corner");

    // Let's put a button in the middle...
    t.setWidget(1, 0, new Button("Button 00"));
    t.setWidget(1, 0, new Button("Button 01"));
	
	t.setWidget(2, 0, new Checkbox("Chechbox 10"));
	t.setWidget(2, 0, new Checkbox("Chechbox 11"));
    // ...and set it's column span so that it takes up the whole row.
    t.getFlexCellFormatter().setColSpan(1, 0, 3);

    RootPanel.get().add(t);
  }
}

//SampleFlexTable1.css

.flexTable {
  width: 150px;
  height: 150px;
  position: absolute; 
  left: 15px; 
  top: 350px;  
}

.panel {
  background-color: #C3D9FF;
  border: 1px solid #000000;
  padding: 3px;
  margin: 3px;
  font-weight: normal;  
}

输出

GWT FlexTable 示例 2

//SampleFlexTable2.java

package com.javatpoint.gwt.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.CheckBox;
import com.google.gwt.user.client.ui.Composite;
import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.ScrollListener;
import com.google.gwt.user.client.ui.ScrollPanel;
import com.google.gwt.user.client.ui.FlexTable;
import com.google.gwt.user.client.ui.Widget;
import com.google.gwt.user.client.ui.RootPanel;

public class GWTClient implements EntryPoint{
  public void onModuleLoad() {
    FlexTable flexTable = new FlexTable();
    flexTable.setWidget(0, 0, new Label("0,0"));
    flexTable.setWidget(0, 1, new Label("FlexTable"));
    flexTable.setWidget(0, 2, new Label("0,2"));
    flexTable.setWidget(1, 0, new Label("1,0"));
    flexTable.setWidget(1, 1, new Label("1,1"));
    flexTable.setWidget(1, 2, new Label("1,2"));
    flexTable.setWidget(2, 0, new Label("2,0"));
    flexTable.setWidget(2, 1, new Label("2,1"));
    flexTable.setWidget(2, 2, new Label("2,2"));
    flexTable.setWidget(3, 0, new Label("3,0 - span columns"));
    flexTable.setStyleName("panel flexTable");
    flexTable.getFlexCellFormatter().setColSpan(3, 0, 3);
    for (int i = 0; i < flexTable.getRowCount(); i++) {
        for (int j = 0; j < flexTable.getCellCount(i); j++) {
            if ((j % 2) == 0) {
                flexTable.getFlexCellFormatter()
                         .setStyleName(i, j, "tableCell-even");
            } else {
                flexTable.getFlexCellFormatter()
                         .setStyleName(i, j, "tableCell-odd");
            }
        }
    }
    RootPanel.get().add(flexTable);
  }
}

//SampleFlexTable2.css

.FlexTable {
  border-top: thin solid #444444;
  border-left: thin solid #444444;
  border-right: thin solid #111111;
  border-bottom: thin solid #111111;
  background-color:  #505050;
}

.FlexTable-OddRow {
  background-color: #cccccc;
}

.FlexTable-EvenRow {
  background-color:  #505050;
}


.FlexTable-ColumnLabel {
  color: white;
  padding: 3px;
}

.FlexTable-ColumnLabelCell {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: white;
  margin: 0;
  padding: 0;
  text-align: center;
}

.FlexTable-Cell {
  border-width: 0px 0px 0px 1px;
  border-style: solid;
  border-color: white;
  padding: 5px;
}

输出

下一个主题GWT 弹出面板

GWT FlexTable

GWT FlexTable 类声明

GWT FlexTable 嵌套类

GWT FlexTable 构造函数

GWT FlexTable 方法

GWT FlexTable 示例 1

GWT FlexTable 示例 2

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

GWT 教程

GWT 面板

GWT 布局面板

GWT 高级

GWT MVP

GWT 区别

面试题

GWT FlexTable

GWT FlexTable 类声明

GWT FlexTable 嵌套类

GWT FlexTable 构造函数

GWT FlexTable 方法

GWT FlexTable 示例 1

GWT FlexTable 示例 2

相关帖子

GWT SuggestBox

GWT 面板

GWT HTMLPanel

GWT DialogBox

GWT Grid

GWT FlowPanel

GWT FormPanel

GWT ScrollPanel

GWT RootPanel

GWT PopupPanel

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器