JavaFX TableCell经验分享

本文探讨了JavaFX中表单元格的编辑特性,包括如何实现表单元格的编辑及复选框单元格的交互处理。针对用户体验不佳的问题,提出了改进方案,并提供了具体的代码实例。

王强  

2017-03-10

感谢JavaFX中文(http://www.javafxchina.net)的开源资料,在里面可以找到翻译的中文资料,供大家学习。这里要分享下编辑表格单元格,复选框表格单元格。本文为原创,未经作者允许不得转载。


1. 表格单元格特性

startEdit:检测单元格,表格是否都是可编辑的,可编辑才使能属性editing,否则禁止属性editing;同时如果条件允许,还会产生一条editStartEvent事件。

commitEdit:检测属性editing,禁止状态则直接退出;产生一条editCommitEvent的事件,禁止属性editing,更新输入值属性.

cancelEdit:检测属性editing,禁止状态则直接退出;先禁止属性editing,再产生一条editCancelEvent的事件。

对以上三个函数的分析是通过阅读源代码得到的,是操作单元格重要的三种行为,进入编辑状态时调用startEdit,退出状态则会调用commitEditcancelEdit其中一个函数,如果按了回车,则调用commitEdit,如果是单元格失败焦点,则调用cancelEdit。可以看到三个函数之间的行为关系,未调用startEdit时,commitEditcancelEdit都无法执行,commitEditcancelEdit都只有执行一次,调用多次无意义。

 

2. 编辑表格单元格(MyTextFieldTableCell

编辑表格单元格最大的问题就是一定要按回车后才能将值输入进去,这点在用户体验上比较差。解决的办法可以通过失去焦点的事件来处理数据,但直接在失去焦点的事件函数里调用commitEdit是不可行的。当编辑框失去焦点时,会先调用cancelEdit(这函数会使属性editingfalse,再进入到focusedProperty().addListener的事件里,这时调用commitEdit函数,会因为属性editingfalse,而立即退出,而无法产生CellEditEvent事件,从而无法进入setOnEditCommit的事件里。但是可以利用focusedProperty().addListener事件处理一些事情,比如我就是想把修改后的值提交了cell的属性值里,可以使用getTableView().getItems().get(getIndex())得到ObservableList里对应的值,然后直接往里面赋值。参考代码如下:

textField.focusedProperty().addListener(new ChangeListener<Boolean>()
{
    @Override public void changed(ObservableValue<? extends Boolean> observable, Boolean oldValue, Boolean newValue)
    {
        if ( oldValue && (!newValue) && (!enterkey))
        {
            if ( ToolFunc.isInteger(textField.getText() ))
            {
                Integer value = Integer.parseInt(textField.getText());
                HarmonicPara hp = (HarmonicPara) getTableView().getItems().get(getIndex());
                hp.setPercent(value);
            }
        }
    }
});

 

 

3. 复选框表格单元格(MyCheckBoxTableCell

使官方提供的复选框表格单元格(CheckBoxTableCell)最大的问题就是无法获取复选框变化的事件,这个比较头疼,原因比较简单,因为CheckBoxTableCell类中有个成员变量CheckBox,但却没有编写CheckBox的事件函数,也没有提取相应的回调函数的接口,所以当然无法获得状态变化的事件,那么解决的方法是不是为这个类添加对CheckBoxsetOnAction事件就可以了,是的!复制官网的CheckBoxTableCell的代码,然后新建一个MyCheckBoxTableCell,在里面为CheckBox的变量添加setOnAction的事件函数,但在事件函数里不要打算使用commitEdit这个函数来提交,复选框表格单元格比较特殊,不是编辑框,所以不会调用startEdit,属性editing是禁止状态,调用了commitEdit了也无法成功提取输入状态。正确的方法应用是这样的,通过获得关联的数据,直接设置数据的值。

checkBox.setOnAction(new EventHandler<ActionEvent>()
{
    @Override public void handle(ActionEvent event)
    {
        if ( checkBox.isSelected() )
        {
            HarmonicPara hp = (HarmonicPara) getTableView().getItems().get(getIndex());
            hp.setEnable(true);
            hp.setPercent(100);
        }
        else
        {
            HarmonicPara hp = (HarmonicPara) getTableView().getItems().get(getIndex());
            hp.setEnable(false);
        }
    }
});


### 如何刷新 JavaFX 中的 `TableView` 数据 在 JavaFX 的开发过程中,如果需要动态更新 `TableView` 的数据并使其自动反映更改,则可以通过以下方式实现: #### 使用 ObservableList 和 Property 绑定机制 为了使 `TableView` 自动响应数据的变化,推荐使用 `ObservableList` 并结合 `Property` 类型的数据结构。这种方式可以确保当底层数据发生改变时,UI 层能够及时捕获这些变化。 以下是具体方法: 1. **创建模型类** 定义一个包含 `SimpleStringProperty`, `SimpleIntegerProperty` 等类型的实体类(如 `Student`),以便支持双向绑定[^1]。 2. **初始化 ObservableList** 将该列表设置为 `TableView` 的数据源。例如: ```java import javafx.collections.FXCollections; import javafx.collections.ObservableList; ObservableList<Student> studentData = FXCollections.observableArrayList(); tableView.setItems(studentData); ``` 3. **修改数据触发刷新** 当向 `studentData` 添加、移除或修改元素时,由于其基于 `ObservableList` 构建,`TableView` 会自动检测到变更并重新渲染视图[^3]。 #### 更新单个单元格的内容 对于某些特定场景下仅需局部更新的情况,可利用列的 `setCellValueFactory` 方法配合 `PropertyValueFactory` 或自定义工厂完成绑定。例如,在监听某个字段变动后调用如下逻辑: ```java if (observableValue instanceof SimpleStringProperty) { // 执行相应处理... } ``` 上述片段展示了针对字符串属性变化作出反应的一种形式[^2]。 #### 刷新整个表格显示 尽管提倡通过绑定技术减少手动干预频率,但在特殊情况下仍可能需要显式通知界面重绘。此时可通过清空再填充的方式达成目的: ```java tableView.getItems().clear(); tableView.getItems().addAll(newItems); ``` 或者简单地替换原有集合实例: ```java tableView.setItems(FXCollections.observableArrayList(updatedStudents)); ``` 另外值得注意的是,若涉及复杂交互比如勾选状态管理,则额外引入专门控件如 CheckBox 可能更为直观便捷[^4]。 最后附上一段综合运用以上技巧的例子用于参考: ```java import javafx.application.Application; import javafx.beans.property.SimpleStringProperty; import javafx.scene.Scene; import javafx.scene.control.TableColumn; import javafx.scene.control.TableView; import javafx.scene.control.cell.PropertyValueFactory; import javafx.stage.Stage; public class RefreshExample extends Application { public static void main(String[] args) { launch(args); } @Override public void start(Stage primaryStage) throws Exception { TableView<Student> table = new TableView<>(); TableColumn<Student, String> nameCol = new TableColumn<>("Name"); nameCol.setCellValueFactory(new PropertyValueFactory<>("name")); table.getColumns().add(nameCol); ObservableList<Student> students = FXCollections.observableArrayList( new Student("Alice"), new Student("Bob") ); table.setItems(students); primaryStage.setScene(new Scene(table, 300, 250)); primaryStage.show(); // Simulate update after some delay. Thread.sleep(2000L); students.get(0).setName("Charlie"); // This will trigger automatic refresh due to binding. } } class Student { private final SimpleStringProperty name; public Student(String initialName) { this.name = new SimpleStringProperty(initialName); } public String getName() { return name.get(); } public void setName(String value){ name.set(value); } } ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值