Question

我的要求与Angular为HTML网页提供的内容类似基本上，在创建表时，您遍历记录列表以获取记录，然后我们可以根据if条件删除行。像这样：

ng-repeat = "record in records"
ng-if = "record.Id != 0"

同样在Tornadofx中，如果我想构建一个tableview，我会这样做：

tableview<Record>(recordList) {
    //I want to remove row with the 0th recordId 
    column("Id", Record::Id)
    column("First Name", Record::firstNameProperty)
    column("Last Name", Record::lastNameProperty)
}

看到教程，我尝试了以下但没有运气：

val removeZeroId = booleanBinding(idProp, idProp) {
    id != "0"
}
visibleWhen {
    //compilation
    Record::removeZeroId
}

如果我可以在tableview中拥有行对象并对其执行操作，那将很容易。

坦率地说，我还没有清楚地理解tornadofx绑定，所以我可能会遗漏一些基本的东西。

Answer 1

您应该使用SortedFilteredList来过滤掉您不想要的项目。这样可以保持UI逻辑的清洁，因为您只对基础数据结构的视图进行操作。这与Angular不同，您需要决定关于这些事情，为每个要显示的记录绘制表格行。

可以使用SortedFilteredList函数配置predicate，该函数会传递一条记录，并需要一个布尔值来确定当前记录是否应该在列表中可见。

class MyView : View() {
    val recordList = getYourListOfRecordsFromSomewhere()
    val data = SortedFilteredList(recordList)

    override val root = tableview(data) {
        column("Id", Record::idProperty)
        column("First Name", Record::firstNameProperty)
        column("Last Name", Record::lastNameProperty)
    }

    init {
        // Configure the filter predicate for the SortedFilteredList
        data.predicate = { it.id != 1 }
    }
}

另请注意，您可以随时更新过滤谓词。改变了谓词将立即显示在显示的行中。

Tornadofx - 在构建时控制tableview行对象

1 个答案: