编辑单元格时树视图显示错误
Bug in treeview display when editing cell
当我使用 treeview
时,我有 两个错误,这是发生的事情:
错误 1:不验证更改
如何创建错误:
假设我想在我的 treview 中编辑单元格 "Id"。
我输入其他内容:
但我改变主意了,我不想编辑这个项目,所以我没有点击输入和验证,而是点击左边的其他东西,一切似乎都很好,我回到了图一,但是如果我再次点击编辑 "Id" 单元格,我直接回到图 2,"Id-Edit" 显示给我,这意味着取消编辑效果不佳 ...
BUG 2: 值的变化
这种情况很少发生但确实会发生,当我单击一个单元格对其进行编辑时,该单元格会采用另一个单元格的文本,这是一个示例:
编辑时"Id"取了另一个单元格的文本,但如果我取消编辑,一切又恢复正常,如图一。
这是我用于树视图的 代码:
public class DatabaseStructureView extends TreeView<Object> {
TreeItem<Object> root;
public DatabaseStructureView() {
FXMLLoader fxmlLoader = new FXMLLoader(getClass().getResource("DatabaseStructureView.fxml"));
fxmlLoader.setRoot(this);
fxmlLoader.setController(this);
try {
fxmlLoader.load();
} catch (IOException exception) {
throw new RuntimeException(exception);
}
this.setEditable(true);
this.setCellFactory((TreeView<Object> param) -> new TextFieldTreeCellImpl());
root = new TreeItem<>();
this.setRoot(root);
setShowRoot(false);
root.setExpanded(true);
}
private final class TextFieldTreeCellImpl extends TreeCell<Object> {
private TextField textField;
@Override
public void startEdit() {
super.startEdit();
if (textField == null) {
createTextField();
}
setText(null);
setGraphic(textField);
textField.selectAll();
}
@Override
public void cancelEdit() {
super.cancelEdit();
setText(getString());
setGraphic(getTreeItem().getGraphic());
}
@Override
public void updateItem(Object 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(getTreeItem().getGraphic());
}
}
}
private void createTextField() {
textField = new TextField(getString());
textField.setOnKeyReleased(new EventHandler<KeyEvent>() {
@Override
public void handle(KeyEvent t) {
if (t.getCode() == KeyCode.ENTER) {
commitEdit(getDatabase(textField.getText()));
} else if (t.getCode() == KeyCode.ESCAPE) {
cancelEdit();
}
}
});
}
private Database getDatabase(String text) {
return new Database(text);
}
private String getString() {
return getItem() == null ? "" : getItem().toString();
}
}
/**
*
* @param db
*/
public void setDatabase(Database db) {
TreeItem<Object> dbRoot = new TreeItem<>(db);
dbRoot.setExpanded(true);
db.getVariables().stream().forEach((var) -> {
dbRoot.getChildren().add(new TreeItem<>(var));
});
if (!root.getChildren().contains(dbRoot)) {
root.getChildren().add(dbRoot);
}
}
/**
*
* @param dbs
*/
public void setDatabases(List<Database> dbs) {
dbs.stream().forEach((db) -> {
setDatabase(db);
});
}
}
如您所见,我的树视图未填充 String
而是填充了我创建的对象 Database
,这就是我使用 Object
类型的原因。我认为我的问题来自更新功能,但不知道为什么。
感谢阅读:)
在startEdit()
方法中,您需要将文本字段的文本设置为正确的值:
@Override
public void startEdit() {
super.startEdit();
if (textField == null) {
createTextField();
}
textField.setText(getString());
setText(null);
setGraphic(textField);
textField.selectAll();
}
当我使用 treeview
时,我有 两个错误,这是发生的事情:
错误 1:不验证更改
如何创建错误:
假设我想在我的 treview 中编辑单元格 "Id"。
我输入其他内容:
但我改变主意了,我不想编辑这个项目,所以我没有点击输入和验证,而是点击左边的其他东西,一切似乎都很好,我回到了图一,但是如果我再次点击编辑 "Id" 单元格,我直接回到图 2,"Id-Edit" 显示给我,这意味着取消编辑效果不佳 ...
BUG 2: 值的变化
这种情况很少发生但确实会发生,当我单击一个单元格对其进行编辑时,该单元格会采用另一个单元格的文本,这是一个示例:
编辑时"Id"取了另一个单元格的文本,但如果我取消编辑,一切又恢复正常,如图一。
这是我用于树视图的 代码:
public class DatabaseStructureView extends TreeView<Object> {
TreeItem<Object> root;
public DatabaseStructureView() {
FXMLLoader fxmlLoader = new FXMLLoader(getClass().getResource("DatabaseStructureView.fxml"));
fxmlLoader.setRoot(this);
fxmlLoader.setController(this);
try {
fxmlLoader.load();
} catch (IOException exception) {
throw new RuntimeException(exception);
}
this.setEditable(true);
this.setCellFactory((TreeView<Object> param) -> new TextFieldTreeCellImpl());
root = new TreeItem<>();
this.setRoot(root);
setShowRoot(false);
root.setExpanded(true);
}
private final class TextFieldTreeCellImpl extends TreeCell<Object> {
private TextField textField;
@Override
public void startEdit() {
super.startEdit();
if (textField == null) {
createTextField();
}
setText(null);
setGraphic(textField);
textField.selectAll();
}
@Override
public void cancelEdit() {
super.cancelEdit();
setText(getString());
setGraphic(getTreeItem().getGraphic());
}
@Override
public void updateItem(Object 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(getTreeItem().getGraphic());
}
}
}
private void createTextField() {
textField = new TextField(getString());
textField.setOnKeyReleased(new EventHandler<KeyEvent>() {
@Override
public void handle(KeyEvent t) {
if (t.getCode() == KeyCode.ENTER) {
commitEdit(getDatabase(textField.getText()));
} else if (t.getCode() == KeyCode.ESCAPE) {
cancelEdit();
}
}
});
}
private Database getDatabase(String text) {
return new Database(text);
}
private String getString() {
return getItem() == null ? "" : getItem().toString();
}
}
/**
*
* @param db
*/
public void setDatabase(Database db) {
TreeItem<Object> dbRoot = new TreeItem<>(db);
dbRoot.setExpanded(true);
db.getVariables().stream().forEach((var) -> {
dbRoot.getChildren().add(new TreeItem<>(var));
});
if (!root.getChildren().contains(dbRoot)) {
root.getChildren().add(dbRoot);
}
}
/**
*
* @param dbs
*/
public void setDatabases(List<Database> dbs) {
dbs.stream().forEach((db) -> {
setDatabase(db);
});
}
}
如您所见,我的树视图未填充 String
而是填充了我创建的对象 Database
,这就是我使用 Object
类型的原因。我认为我的问题来自更新功能,但不知道为什么。
感谢阅读:)
在startEdit()
方法中,您需要将文本字段的文本设置为正确的值:
@Override
public void startEdit() {
super.startEdit();
if (textField == null) {
createTextField();
}
textField.setText(getString());
setText(null);
setGraphic(textField);
textField.selectAll();
}