JavaFX - 有关绑定按钮的禁用状态的问题

Question

我试图创建一个虚拟应用程序来维护任务列表。

现在，我正在尝试添加到列表中。我在文本框中输入任务名称，单击添加任务按钮，并期望列表中的新项目和要清除的任务名称输入被更新。我只想在任务名称不为空的情况下添加任务。下面的代码是我的实现，但我有一个关于绑定的问题。

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

我有一个触发器来更新任务名称更改时的禁用状态。当任务名称的绑定发生时，布尔值会相应更新，但该按钮仍然显示为禁用。但是，当我将鼠标放在按钮上时，它变为启用。我相信这是由于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 
       ] 
      } 
     ] 
    } 
} 

Answer 1

为了记录在案，这个问题已经回答question regarding binding button’s disabled state线程。

简短摘要：在对象中的字段中，JavaFX 1.3中存在bind with inverse的错误。有一个解决方法，但它打破封装。