2021-03-20_TableView

1.定义数据模型(Data Model)

  • 当你在JavaFX应用程序中创建表格时,一个最佳实践是:创建一个类用于定义数据模型并且提供方法和属性。
  • 事实上这个也符合MVC设计模式
  • 例子中的Property类型,详见后续文章
public static class Person {
    private final SimpleStringProperty firstName;
    private final SimpleStringProperty lastName;
    private final SimpleStringProperty email;
}

2.创建OBservableList

  • ObservableList对象具有自动追踪其包含元素的改变的功能,所以TableView的内容将会在数据改变时自动更新。
final ObservableList<Person> data = FXCollections.observableArrayList(
    new Person(),
    new Person(),
    new Person(),
    new Person(),
    new Person()
);

3.创建TableColumn并添加进TableView

  • 这一步可以通过FXML文件来实现。也可以通过如下代码来实现
  • 不指明TableColumn的数据类型
TableColumn firstNameCol = new TableColumn("FirstName");
  • 指明TableColumn的数据类型
TableColumn<Person, String> firstNameCol =  new TableColumn<>("FirstName");
  • 在FXML中定义一个TableColmn。注意在controller中定义的TableColumn可以带有泛型
@FXML
private TableColumn<DocArg,String> argValueColumn;
  • 添加TableColumn进TableView。如果是在FXML中创建的。这个步骤可以省略
tableView.getColumns().add(tableColumn);

4.把数据关联到表格的列。

  • setCellValueFactory方法为每列指定了一个单元格工厂(cell factory),这些cell factory是通过PropertyValueFactory类来实现的,它将Person类中对应的属性映射到对应的表格列中。
  • 当数据模型被定义完毕,并且数据被关联到列之后,你可以通过TableView类的setItems方法来向表格中添加数据:如:table.setItems(data)。
  • 如果没有指明TableColumn的数据类型:
firstNameCol.setCellValueFactory(
    new PropertyValueFactory<>("firstName")
);
  • 指明TableColumn的数据类型的时候。注意getValue()方法。
  • 当数据模型里面包含对象的时候,为了访问这个嵌套对象,就需要用这个方式。
tableColumn.setCellValueFactory(tf -> tf.getValue().getArgsList().get(1).valueProperty());

5.增加删除行

  • 事实上是通过操作设置给TableView对象的OBservableList来实现的。
  • ObservableList对象具有自动追踪其包含元素的改变的功能,所以TableView的内容将会在数据改变时自动更新。

6.编辑单一单元格内容

  • 使用setCellFactory,指定TextFieldTableCell类来使其变成一个文本域。
  • setOnEditCommit方法处理编辑过程,并且将更新后的值分配给对应的表格单元格(事实上是传给对应的model)
firstNameCol.setCellFactory(TextFieldTableCell.<Person>forTableColumn());
firstNameCol.setOnEditCommit(
    (CellEditEvent<Person, String> t) -> {
        ((Person) t.getTableView().getItems().get(t.getTablePosition().getRow()))
        .setFirstName(t.getNewValue());
});

7.ComboBoxCell指定选项值

typeColumn.setCellFactory(t->{
  ObservableList<String> typeList = FXCollections.observableArrayList("单行输入",
                    "多行输入",
                    "单选输入",
                    "今天日期",
                    "昨天日期",
                    "明天日期");
  ComboBoxTableCell<DocArg,String > comboBoxTableCell = new ComboBoxTableCell<>(typeList);
  return comboBoxTableCell;
 });

//简单版本
outageTypeColumn.setCellFactory(t-> new ComboBoxTableCell<>(MissionTextParser.MISSION_OUTAGE));

8.设置列自动铺满可用控件

8.1代码中设置

Column Resize Policy //在Scene Builder软件的控件属性设置项里面。修改成 constrained-resize。确保这个TableView的列能够铺满所有的可用空间。

8.2. FXML文件中如下修改

<TableView >
  <columnResizePolicy>
    <TableView fx:constant="CONSTRAINED_RESIZE_POLICY" />
    </columnResizePolicy>
 </TableView>

9. 添加序号列

  • DocType替换为数据模型类即可
noColumn.setCellFactory((col) ->{
  TableCell<DocType, String> cell = new TableCell<DocType, String>() {
    @Override
    public void updateItem(String item, boolean empty) {
      super.updateItem(item, empty);
      this.setText(null);
      this.setGraphic(null);

       if (!empty) {
        int rowIndex = this.getIndex() + 1;
         this.setText(String.valueOf(rowIndex));
      }
  }};
  return cell;
});

10. 获得用户选择的行

int recordIndex = recordTableView.getSelectionModel().getSelectedIndex();

11.修改列的宽度

noColumn.setMaxWidth(50);
checkedCol.setMaxWidth(50);
noColumn.setMinWidth(50);
checkedCol.setMinWidth(50);

11.增加选择框

  • 效果如下


    image.png

11.1 CheckBoxTableCell类

/* CheckBoxTableCell.java 1.0 2010-2-2
 *
 * Copyright (c) 2012 by Chen Zhiwu
 * All rights reserved.
 *
 * The copyright of this software is own by the authors.
 * You may not use, copy or modify this software, except
 * in accordance with the license agreement you entered into
 * with the copyright holders. For details see accompanying license
 * terms.
 */
public class CheckBoxTableCell<S, T> extends TableCell<S, T> {
    private final CheckBox checkBox;
    private final boolean showText;
    private final Callback<T, String> toString;
    private final Callback<Integer, ObservableValue<Boolean>> getSelectedProperty;
    private ObservableValue<Boolean> booleanProperty;


    public CheckBoxTableCell() {
        this(null, null);
    }

    public CheckBoxTableCell(
            Callback<Integer, ObservableValue<Boolean>> toString) {
        this(toString, null);
    }

    public CheckBoxTableCell(
            Callback<Integer, ObservableValue<Boolean>> getSelectedProperty,
            Callback<T, String> toString) {
        this.getSelectedProperty = getSelectedProperty;
        this.toString = toString;
        this.showText = toString != null;
        this.checkBox = new CheckBox();
        setAlignment(Pos.CENTER);
        setGraphic(checkBox);

        if (showText) {
            checkBox.setAlignment(Pos.CENTER_LEFT);
        }
    }

    public CheckBoxTableCell(
            Callback<T, ObservableValue<Boolean>> callback,
            Callback<Integer, ObservableValue<Boolean>> getSelectedProperty,
            Callback<T, String> toString) {
        this.getSelectedProperty = getSelectedProperty;
        this.toString = toString;
        this.showText = toString != null;
        this.checkBox = new CheckBox();
        setAlignment(Pos.CENTER);
        setGraphic(checkBox);

        if (showText) {
            checkBox.setAlignment(Pos.CENTER_LEFT);
        }
    }

    @Override
    protected void updateItem(T item, boolean empty) {
        super.updateItem(item, empty);
        if (empty) {
            setText(null);
            setGraphic(null);
            return;
        }
        if (this.showText) {
            setText(this.toString.call(item));
        }
        setGraphic(this.checkBox);
        if (this.booleanProperty instanceof BooleanProperty)
            this.checkBox.selectedProperty().unbindBidirectional(
                    (BooleanProperty) this.booleanProperty);
        ObservableValue localObservableValue = getSelectedProperty();
        if (localObservableValue instanceof BooleanProperty) {
            this.booleanProperty = localObservableValue;
            this.checkBox.selectedProperty().bindBidirectional(
                    (BooleanProperty) this.booleanProperty);
        }
        this.checkBox.visibleProperty().bind(getTableView().editableProperty()
                .and(getTableColumn().editableProperty())
                .and(editableProperty()));
    };

    private ObservableValue getSelectedProperty() {
        return ((this.getSelectedProperty != null) ? (ObservableValue) this.getSelectedProperty
                .call(Integer.valueOf(getIndex())) : getTableColumn()
                .getCellObservableValue(getIndex()));
    }
}

11.2CellFactory类

public class CellFactory {

    //         table check box


    public static <S> Callback<TableColumn<S, Boolean>, TableCell<S, Boolean>> tableCheckBoxColumn() {
        return tableCheckBoxColumn(null, null);
    }

    public static <S, T> Callback<TableColumn<S, T>, TableCell<S, T>> tableCheckBoxColumn(
            Callback<Integer, ObservableValue<Boolean>> paramCallback) {
        return tableCheckBoxColumn(paramCallback, null);
    }

    public static <S, T> Callback<TableColumn<S, T>, TableCell<S, T>> tableCheckBoxColumn(
            Callback<Integer, ObservableValue<Boolean>> paramCallback,
            boolean paramBoolean) {
        Callback<T, String> callback = new Callback<T, String>() {
            @Override
            public String call(T t) {
                return ((t == null) ? "" : t.toString());
            }
        };
        return tableCheckBoxColumn(paramCallback, callback);
    }

    public static <S, T> Callback<TableColumn<S, T>, TableCell<S, T>> tableCheckBoxColumn(
            final Callback<Integer, ObservableValue<Boolean>> getSelectedProperty,
            final Callback<T, String> toString) {
        return new Callback<TableColumn<S, T>, TableCell<S, T>>() {
            @Override
            public TableCell<S, T> call(TableColumn<S, T> paramTableColumn) {
                return new CheckBoxTableCell<S,T>(getSelectedProperty,toString);
            }
        };
    }
}

11.3使用方法

  • 把FileWrap换成对应的Model即可。
  • 其中的filetable由fxml文件获取。
  • 注意checkedCol.setCellValueFactory(new PropertyValueFactory<>("checked"));需要指定model正确的BooleanProperty属性名称,否则无法双向绑定更新
  • 注意g.isChecked()需要和model一致
public class FileWrap {
    private StringProperty fileName;
    private BooleanProperty checked;

    public String getFileName() {
        return fileName.get();
    }

    public StringProperty fileNameProperty() {
        return fileName;
    }

    public void setFileName(String fileName) {
        this.fileName.set(fileName);
    }

    public boolean isChecked() {
        return checked.get();
    }

    public BooleanProperty checkedProperty() {
        return checked;
    }

    public void setChecked(boolean checked) {
        this.checked.set(checked);
    }

    public FileWrap() {
        this.checked = new SimpleBooleanProperty(false);
        this.fileName = new SimpleStringProperty("/");
    }
}
public class MainController implements Initializable {
    ObservableList<FileWrap> fileWraps = FXCollections.observableArrayList();

    @FXML
    private TableView<FileWrap> filesTable;

    @Override
    public void initialize(URL location, ResourceBundle resources) {

        //选择列
        TableColumn<FileWrap, Boolean> checkedCol= new TableColumn<>("选择");
        checkedCol.setCellValueFactory(new PropertyValueFactory<>("checked"));
        checkedCol.setCellFactory(CellFactory.tableCheckBoxColumn(new Callback<Integer, ObservableValue<Boolean>>() {
            @Override
            public ObservableValue<Boolean> call(Integer index) {
                final FileWrap g= filesTable.getItems().get(index);
                ObservableValue<Boolean> retval = new SimpleBooleanProperty(g,"available",g.isChecked());
                retval.addListener(new ChangeListener<Boolean>() {
                    @Override
                    public void changed(ObservableValue<? extends Boolean> observable,Boolean oldValue, Boolean newValue) {
                        g.setChecked(newValue);
                    }
                });
                return retval;
            }
        }));

        //文件名列
        TableColumn<FileWrap, String>  fileNameCol= new TableColumn<>("文件名称");
        fileNameCol.setCellValueFactory(new PropertyValueFactory<>("fileName"));

        //序号列
        TableColumn<FileWrap, String> noColumn= new TableColumn<>("序号");
        noColumn.setCellFactory((col) ->{
            TableCell<FileWrap, String> cell = new TableCell<FileWrap, String>() {
                @Override
                public void updateItem(String item, boolean empty) {
                    super.updateItem(item, empty);
                    this.setText(null);
                    this.setGraphic(null);

                    if (!empty) {
                        int rowIndex = this.getIndex() + 1;
                        this.setText(String.valueOf(rowIndex));
                    }
                }};
            return cell;
        });


        noColumn.setMaxWidth(50);
        checkedCol.setMaxWidth(50);
        noColumn.setMinWidth(50);
        checkedCol.setMinWidth(50);
        filesTable.getColumns().add(noColumn);
        filesTable.getColumns().add(checkedCol);
        filesTable.getColumns().add(fileNameCol);
        filesTable.setItems(fileWraps);
    }
}

参考文章

1.DOC-03-13 表格视图(TableView)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,874评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,102评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,676评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,911评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,937评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,935评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,860评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,660评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,113评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,363评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,506评论 1 346
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,238评论 5 341
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,861评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,486评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,674评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,513评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,426评论 2 352

推荐阅读更多精彩内容

  • 之前看了很多面试题,感觉要不是不够就是过于冗余,于是我将网上的一些面试题进行了删减和重排,现在分享给大家。(题...
    Job_Yang阅读 12,103评论 12 143
  • OC的理解与特性 OC作为一门面向对象的语言,自然具有面向对象的语言特性:封装、继承、多态。它既具有静态语言的特性...
    克鲁德李阅读 449评论 0 0
  • OC的理解与特性OC作为一门面向对象的语言,自然具有面向对象的语言特性:封装、继承、多态。它既具有静态语言的特性(...
    LIANMING_LI阅读 512评论 0 0
  • 序言 OC的理解与特性 OC作为一门面向对象的语言,自然具有面向对象的语言特性:封装、继承、多态。它既具有静态语言...
    跑不动的代码阅读 786评论 0 6
  • http://www.devstore.cn/essay/essayInfo/6525.html【原文地址】 序言...
    起名好难_fz阅读 645评论 1 1