禁用JavaFX中的所有父节点，同时保持其所有子节点可单击
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了禁用JavaFX中的所有父节点，同时保持其所有子节点可单击相关的知识，希望对你有一定的参考价值。
我正在尝试创建一个包含复选框树项的JavaFX树视图。我要求所有有孩子的节点都应该被禁用。但是这些节点的所有子节点都应该是可点击的。
基本上，如果树项是叶子，则应启用并可单击。
这是我使用的当前代码。这会禁用带有子节点的节点，但问题是，因为它被禁用，我无法访问父节点内的代码。
public class App extends Application
{
public static void main( String[] args )
{
launch(args);
}
private List<Dependant> myList = new ArrayList();
@SuppressWarnings("unchecked")
@Override
public void start(Stage primaryStage) {
CheckBoxTreeItem<String> rootItem = new CheckBoxTreeItem("Root");
final List<CheckBoxTreeItem<String>> treeItems = new ArrayList(6);
for (int i = 0; i < 6; i++) {
CheckBoxTreeItem<String> item = new CheckBoxTreeItem("L0"+i+"");
item.setIndependent(true);
treeItems.add(item);
myList.add(new Dependant("0"+i+"", "type1"));
}
rootItem.getChildren().addAll(treeItems);
rootItem.setExpanded(true);
rootItem.setIndependent(true);
CheckBoxTreeItem<String> rootItem2 = new CheckBoxTreeItem("folder");
final List<CheckBoxTreeItem<String>> treeItems2 = new ArrayList(6);
for (int i = 0; i < 6; i++) {
CheckBoxTreeItem<String> item = new CheckBoxTreeItem("L1"+i+"");
item.setIndependent(true);
treeItems2.add(item);
myList.add(new Dependant("0"+i+"", "type2"));
}
rootItem2.getChildren().addAll(treeItems2);
rootItem2.setIndependent(true);
rootItem.getChildren().set(2,rootItem2);
TreeView tree = new TreeView(rootItem);
tree.setCellFactory((Object item) -> {
final CheckBoxTreeCell<String> cell = new CheckBoxTreeCell();
cell.itemProperty().addListener((obs,s,s1)->{
cell.disableProperty().unbind();
if(s1!=null && !s1.isEmpty()){
BooleanProperty prop = new SimpleBooleanProperty();
prop.set((s1.equals("folder")));
cell.disableProperty().bind(prop);
}
});
return cell;
});
tree.setRoot(rootItem);
StackPane root = new StackPane();
root.getChildren().add(tree);
primaryStage.setScene(new Scene(root, 300, 250));
primaryStage.show();
}
}
这不是我的应用程序的最终代码，它只是我在最终实现之前尝试的示例代码。
从代码中可以看出，单元格的disabled属性被绑定到名称是否等于“folder”，因为isLeaf()方法不可用。
如果有人想知道为什么我需要禁用所有父节点，那是因为在最终实现中，我只需要在整个树视图中选择一个项目（因为单击父节点也将选择其所有子节点！）。
谢谢。
答案
虽然问题是一个典型的XY-problem（要求解决通过尝试以错误的方式解决实际需求而引入的问题），但真正的问题很有趣，可以快速尝试:)
我理解的真正要求是：
- 有一个树，其中的项目允许选择（通过checkBox）
- 只允许在任何时候选择单个项目
与往常一样，基本方法是将此类逻辑添加到通用模型中（相对于视图=单元格）。对于Treeview，模型是treeItem - 它本身不能处理项目间逻辑，因此它需要具有更广泛知识的控制器。
幸运的是，fx提供了对select-one-in-many的支持：一个角色由Toggle扮演，许多角色由ToggleGroup扮演。现在我们所要做的就是将这种支持应用到我们的上下文中：
- 实现一个自定义TreeItem，它是一个Toggle（下面的例子扩展了CheckBoxTreeItem）
- 在应用程序代码中使用该项并根据需要将其添加到ToggleGroups
一些代码示例（注意：不完整的实现，而不是正式测试 - 只是指出方向！）
public class TreeSingleSelectedCheckboxWithToggle extends Application {
/**
* A custom CheckBoxTreeItem that implements Toggle.
*
* To control which/how many items can be selected at any
* time, add them to one or several ToggleGroups.
*
* @author Jeanette Winzenburg, Berlin
*/
public static class ToggleTreeItem<T> extends CheckBoxTreeItem<T>
implements Toggle {
public ToggleTreeItem() {
super();
init();
}
public ToggleTreeItem(T value) {
super(value);
init();
}
private void init() {
// basically c&p from ToggleButton
selectedProperty().addListener(ov -> {
final boolean selected = isSelected();
final ToggleGroup tg = getToggleGroup();
// Note: these changes need to be done before selectToggle/clearSelectedToggle since
// those operations change properties and can execute user code, possibly modifying selected property again
if (tg != null) {
if (selected) {
tg.selectToggle(ToggleTreeItem.this);
} else if (tg.getSelectedToggle() == ToggleTreeItem.this) {
// reflective access to package-private api - use your own utility method
FXUtils.invokeMethod(ToggleGroup.class, tg, "clearSelectedToggle");
// tg.clearSelectedToggle();
}
}
});
}
/**
* The {@link ToggleGroup} to which this {@code ToggleButton} belongs. A
* {@code ToggleButton} can only be in one group at any one time. If the
* group is changed, then the button is removed from the old group prior to
* being added to the new group.
*/
private ObjectProperty<ToggleGroup> toggleGroup;
@Override
public final void setToggleGroup(ToggleGroup value) {
toggleGroupProperty().set(value);
}
@Override
public final ToggleGroup getToggleGroup() {
return toggleGroup == null ? null : toggleGroup.get();
}
@Override
public final ObjectProperty<ToggleGroup> toggleGroupProperty() {
if (toggleGroup == null) {
toggleGroup = new ObjectPropertyBase<ToggleGroup>() {
private ToggleGroup old;
@Override protected void invalidated() {
final ToggleGroup tg = get();
if (tg != null && !tg.getToggles().contains(ToggleTreeItem.this)) {
if (old != null) {
old.getToggles().remove(ToggleTreeItem.this);
}
tg.getToggles().add(ToggleTreeItem.this);
} else if (tg == null) {
old.getToggles().remove(ToggleTreeItem.this);
}
old = tg;
}
@Override
public Object getBean() {
return ToggleTreeItem.this;
}
@Override
public String getName() {
return "toggleGroup";
}
};
}
return toggleGroup;
}
@Override
public Object getUserData() {
// TODO Auto-generated method stub
return null;
}
@Override
public void setUserData(Object value) {
// TODO Auto-generated method stub
}
@Override
public ObservableMap<Object, Object> getProperties() {
// TODO Auto-generated method stub
return null;
}
}
@SuppressWarnings("unchecked")
@Override
public void start(Stage primaryStage) {
ToggleGroup toggleGroup = new ToggleGroup();
ToggleTreeItem<String> rootItem = new ToggleTreeItem<>("Root");
toggleGroup.getToggles().add(rootItem);
final List<ToggleTreeItem<String>> treeItems = new ArrayList<>(6);
for (int i = 0; i < 6; i++) {
ToggleTreeItem<String> item = new ToggleTreeItem<>("L0" + i + "");
item.setIndependent(true);
treeItems.add(item);
toggleGroup.getToggles().add(item);
myList.add(new Dependant("0" + i + "", "type1"));
}
rootItem.getChildren().addAll(treeItems);
rootItem.setExpanded(true);
rootItem.setIndependent(true);
ToggleTreeItem<String> rootItem2 = new ToggleTreeItem<>("folder");
toggleGroup.getToggles().add(rootItem2);
final List<ToggleTreeItem<String>> treeItems2 = new ArrayList<>(6);
for (int i = 0; i < 6; i++) {
ToggleTreeItem<String> item = new ToggleTreeItem<>("L1" + i + "");
item.setIndependent(true);
treeItems2.add(item);
toggleGroup.getToggles().add(item);
myList.add(new Dependant("0" + i + "", "type2"));
}
rootItem2.getChildren().addAll(treeItems2);
rootItem2.setIndependent(true);
rootItem.getChildren().set(2, rootItem2);
TreeView tree = new TreeView<>(rootItem);
tree.setCellFactory(CheckBoxTreeCell.forTreeView());
tree.setRoot(rootItem);
StackPane root = new StackPane();
root.getChildren().add(tree);
primaryStage.setScene(new Scene(root, 300, 250));
primaryStage.show();
}
public static class Dependant {
String one;
String two;
public Dependant(String one, String two) {
this.one = one;
this.two = two;
}
}
private List<Dependant> myList = new ArrayList();
public static void main(String[] args) {
launch(args);
}
}
以上是关于禁用JavaFX中的所有父节点，同时保持其所有子节点可单击的主要内容，如果未能解决你的问题，请参考以下文章
使用 ng-include 作为父节点时，使用 jquery 禁用所有子元素的 Angular 指令不起作用