0

我正在编写一个JavaFx 控件,该控件由一个获取用户输入的子控件组成,例如TextField。主要组件拥有一个属性,该属性表示文本的解析表示,例如 LocalDateTime。当用户输入一些东西时,这个属性应该被更新,所以我将它绑定到孩子的 value 属性。还应该可以通过绑定 value 属性从外部更改当前值,因此这必须是双向绑定才能自动更新子项。该控件工作正常,直到客户端代码绑定到该属性。以下代码显示了我的问题:

导入 javafx.beans.property.SimpleIntegerProperty;

public class Playbook {

    // The internal control with a property p
    static class Child {
        public SimpleIntegerProperty p = new SimpleIntegerProperty();

        public void set(int i) {p.set(i);}
    }

    // My new control with a property value which is bound
    // bidirectionally to Child.p
    static class Parent {
        public Child a1;

        public SimpleIntegerProperty value = new SimpleIntegerProperty();

        public Parent() {
            a1 = new Child();

            value.bindBidirectional(a1.p);
        }
    }

    public static void main(String[] args) {
        Parent p = new Parent();

        // some client code wants to keep the 
        // value updated and thus binds to it
        SimpleIntegerProperty outside = new SimpleIntegerProperty();
        p.value.bind(outside);

        // simulate a change in the child control
        p.a1.p.set(10);         
    }
}

运行代码时,出现无法设置绑定属性的异常:

Caused by: java.lang.RuntimeException: A bound value cannot be set.
    at javafx.beans.property.IntegerPropertyBase.set(IntegerPropertyBase.java:143)
    at com.sun.javafx.binding.BidirectionalBinding$BidirectionalIntegerBinding.changed(BidirectionalBinding.java:467)

我确信这一定是一个常见问题,我只是没有看到明显的解决方案。我正在使用 ReactFx,因此欢迎使用纯 JavaFx 或 ReactFx 的任何解决方案。真正的代码使用 aVar.mapBidirectional在内部绑定 Parent 和 Child 属性。

我想要实现的是: 1. 如果outside' 的值发生变化,这应该传播到 p.value,然后传播到 p.a1.p 2. 如果 p.a1.p 发生变化,这应该传播到 p。价值

由此我得出结论,Parent.value 和 Parent.a1.p 总是相同的(加上映射中应用的一些转换),我使用双向映射。outside 可以独立更改并且可以与 value 不同,因此我使用单向绑定。

4

1 回答 1

0

在了解 JavaFx 绑定不是我想象的那样并且语义不允许这样做之后,我切换到ReactFx 的 EventStream/Val/Var. ReactFx 的模型似乎更符合我的期望,它允许我创建一个行为如下的系统:

  1. 如果外部的值发生变化,这应该传播到 p.value 然后传播到 p.a1.p
  2. 如果 p.a1.p 发生变化,这应该传播到 p.value

下面的代码实现了这一点。它使用两个Var双向绑定的 s,因此其中一个的变化被馈送到另一个Var。来自外部的变化被定义为EventStream馈送到其中一个Vars 中的一个。

import org.reactfx.EventStream;
import org.reactfx.EventStreams;
import org.reactfx.value.Var;

import javafx.beans.property.SimpleIntegerProperty;

public class Playbook {

    static class Child {
        public Var<Integer> p = Var.newSimpleVar(0);

        public void set(int i) {this.p.setValue(i);}
    }

    static class Parent {
        public Child a1;

        public Var<Integer> value = Var.newSimpleVar(0);

        public Parent() {
            this.a1 = new Child();

            this.value.bindBidirectional(this.a1.p);
        }
    }

    public static void main(String[] args) {
        Parent p = new Parent();

        // some client code wants to keep the
        // value updated and thus binds to it
        SimpleIntegerProperty outside = new SimpleIntegerProperty();

        // A SimpleIntegerProperty is not a Property<Integer> but a 
        // Property<Number> so we have to use map to translate to Integer
        EventStream<Integer> stream = EventStreams.valuesOf(outside).map(Number::intValue);

        stream.feedTo(p.value);

        // simulate a change in the child control
        p.a1.p.setValue(10);
        System.out.println( p.value.getValue() );
        System.out.println(p.a1.p.getValue() );
        System.out.println(outside.get());

        // feed new value from outside
        outside.set(42);

        System.out.println( p.value.getValue() );
        System.out.println(p.a1.p.getValue() );
        System.out.println(outside.get());
    }
}

程序运行并打印

10
10
0
42
42
42
于 2017-02-23T14:16:11.843 回答