[JAVAFX学习]TableView高级操作

表格编辑和渲染器

默认情况下单元格不可编辑,开启步骤如下:

首先,调用方法设置表格为可编辑的:

tableView.setEditable(true);

其次,设置可编辑列的单元格渲染器,JavaFX有4个内置的单元渲染器:

TextFieldTableCell用于启用使用TextField编辑单元格值。

CheckBoxTableCell用于启用使用CheckBox编辑单元格值。

ChoiceBoxTableCell用于启用使用ChoiceBox编辑单元格值。

ComboBoxTableCell用于启用使用ComboBox编辑单元格值。

使用方法示例:

column1.setCellFactory(TextFieldTableCell.forTableColumn());

失去焦点自动提交

内置TextFieldTableCell在编辑后必须回车才能提交保存。如果需要理解编辑框焦点自动提交保存,可使用自定义的渲染器,示例如下:

// 设置渲染器
column2.setCellFactory((tableColumn) -> new EditingCell<Person>());

/**
 * 失去焦点自动提交
 *
 * @author Raygo
 * @since 2022年3月3日
 * @param <T>
 */
public class EditingCell<T> extends TableCell<T, String> {
	private TextField textField;

	public EditingCell() {
	}

	@Override
	public void startEdit() {
		if (!isEmpty()) {
			super.startEdit();
			createTextField();
			setText(null);
			setGraphic(textField);
			textField.selectAll();
		}
	}

	@Override
	public void cancelEdit() {
		super.cancelEdit();

		setText((String) getItem());
		setGraphic(null);
	}

	@Override
	public void updateItem(String item, boolean empty) {
		super.updateItem(item, empty);
		if (empty) {
			setText(null);
			setGraphic(null);
		} else {
			if (isEditing()) {
				if (textField != null) {
					textField.setText(getString());
				}
				setText(null);
				setGraphic(textField);
			} else {
				setText(getString());
				setGraphic(null);
			}
		}
	}

	@Override
	public void commitEdit(String newValue) {
		if (!isEditing() && !newValue.equals(this.getItem())) {
			TableView<T> table = this.getTableView();
			if (this.getTableView() != null) {
				TableColumn<T, String> col = this.getTableColumn();
				CellEditEvent<T, String> event = new CellEditEvent<T, String>(table,
						new TablePosition<T, String>(table, this.getIndex(), col), TableColumn.editCommitEvent(),
						newValue);
				Event.fireEvent(col, event);
			}
		}
		super.commitEdit(newValue);
		updateItem(newValue, false);
	}

	private void createTextField() {
		textField = new TextField(getString());
		textField.setMinWidth(this.getWidth() - this.getGraphicTextGap() * 2);
		textField.focusedProperty().addListener((ob, old, now) -> {
			if (!now) {
				commitEdit(textField.getText());
			}
		});
	}

	private String getString() {
		return getItem() == null ? "" : getItem().toString();
	}
}

嵌套列

 TableView支持列的嵌套,例如:一个名为“地址”的表列可以细分为两个子列:“国家”和“城市”,效果如下图:

 代码示例:

// 嵌套列
TableColumn<Person, String> address = new TableColumn<>("地址");
TableColumn<Person, String> country = new TableColumn<>("国家");
TableColumn<Person, String> city = new TableColumn<>("城市");

// 把子列添加到父列
address.getColumns().addAll(country, city);

// 设置子列的渲染器,父列不需要设置
country.setCellValueFactory(new PropertyValueFactory<>("country"));
city.setCellValueFactory(new PropertyValueFactory<>("city"));

// 添加列到表格视图
tableView.getColumns().add(address);

  • 9
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
JavaFXTableView 控件是一个用于展示表格数据的高级控件。它提供了灵活的列和行布局,支持对表格数据进行排序、筛选、编辑和选择等操作TableView 的主要特点和功能包括: 1. 列(Columns):TableView 可以包含多个列,每个列由 TableColumn 对象表示。你可以添加、移除和重新排序列,设置列的宽度、标题、对齐方式等属性。 2. 行(Rows):TableView 的每一行表示表格中的一条数据记录。可以通过添加到 TableView 的数据集合(ObservableList)来动态添加和删除行。 3. 单元格(Cells):每个单元格用于显示一个数据项。你可以自定义单元格的样式,包括字体、颜色、背景等。同时,TableView 也支持对单元格进行编辑。 4. 数据源(Items):TableView 使用一个 ObservableList 作为数据源,它可以是任何实现了 javafx.collections.ObservableList 接口的类。 5. 排序和筛选:TableView 支持对表格数据进行排序和筛选。你可以通过设置 TableColumn 的 sortable 属性来启用或禁用某列的排序功能。 6. 编辑(Editing):TableView 可以设置为可编辑模式,允许用户直接在表格中修改数据。你可以通过设置 TableColumn 的 editable 属性来控制某列是否可编辑。 7. 选择(Selection):可以通过 TableView 的 SelectionModel 获取用户选择的行或单元格信息。支持单选和多选模式。 8. 自定义单元格显示:你可以通过 setCellFactory 方法来自定义单元格的显示方式,实现更复杂的表格布局和样式。 使用 TableView 控件,你可以将表格数据以更直观、灵活和可交互的方式展示给用户,满足各种数据展示和操作的需求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值