我正在尝试创建一个虚拟应用程序,以维护任务列表。

目前,我要做的就是添加到列表中。我在文本框中输入任务名称,单击“添加任务”按钮,并期望将列表与新项目和任务名称输入更新。如果任务名称不为空,我只想能够添加任务。以下代码是我的实施,但是我对绑定有一个疑问。

我将文本框的文本变量绑定到视图模型中的字符串,并且在视图模型中,按钮的禁用变量可与布尔值。

当任务名称更改时,我有一个触发器来更新禁用状态。当任务名称的绑定发生时,布尔值将相应地更新,但该按钮仍然显示为禁用。但是,当我从按钮上鼠标鼠标时,它将启用。我相信这是由于Javafx 1.3的绑定懒惰 - 仅在读取时才更新界变量。

另外,当我添加任务时,我清除了模型中的任务名称,但是文本框的文本不会改变 - 即使我正在使用 bind with inverse.

是否有一种方法可以通过我期望通过绑定自动使文本框的文本和禁用的状态更新?

谢谢,

詹姆士

AddTaskViewModel.fx:

package jamiebarrow;

import java.lang.System;

public class AddTaskViewModel {

function logChange(prop:String,oldValue,newValue):Void {
    println("{System.currentTimeMillis()} : {prop} [{oldValue}] to [{newValue}] ");
}


    public var newTaskName: String on replace old {
        logChange("newTaskName",old,newTaskName);
        isAddTaskDisabled = (newTaskName == null or newTaskName.trim().length() == 0);
    };
    public var isAddTaskDisabled: Boolean on replace old {
        logChange("isAddTaskDisabled",old,isAddTaskDisabled);
    };
    public var taskItems = [] on replace old {
        logChange("taskItems",old,taskItems);
    };

    public function addTask() {
        insert newTaskName into taskItems;
        newTaskName = "";
    }

}

main.fx:

package jamiebarrow;

import javafx.scene.control.Button;
import javafx.scene.control.TextBox;
import javafx.scene.control.ListView;
import javafx.scene.Scene;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
import javafx.scene.layout.HBox;

def viewModel = AddTaskViewModel{};

var txtName: TextBox = TextBox {
            text: bind viewModel.newTaskName with inverse
            onKeyTyped: onKeyTyped
        };

function onKeyTyped(event): Void {
    txtName.commit(); // ensures model is updated
    cmdAddTask.disable = viewModel.isAddTaskDisabled;// the binding only occurs lazily, so this is needed
}

var cmdAddTask = Button {
            text: "Add"
            disable: bind viewModel.isAddTaskDisabled with inverse
            action: onAddTask
        };

function onAddTask(): Void {
    viewModel.addTask();
}

var lstTasks = ListView {
            items: bind viewModel.taskItems with inverse
        };

Stage {
    scene: Scene {
        content: [
            VBox {
                content: [
                    HBox {
                        content: [
                            txtName,
                            cmdAddTask
                        ]
                    },
                    lstTasks
                ]
            }
        ]
    }
}
有帮助吗?

解决方案

根据记录,这个问题已在 有关绑定按钮禁用状态的问题 线。

简短摘要:Javafx 1.3中有一个错误 bind with inverse 到对象中的字段。有解决方法,但它破坏了封装。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top