0

我的要求有点类似于 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 绑定，所以我可能会遗漏一些基本的东西。

4

1 回答 1

2

您应该使用 aSortedFilteredList来过滤掉您不想要的项目。这使 UI 逻辑保持干净，因为您只对底层数据结构的视图进行操作。这与 Angular 很不一样，在 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 }
    }
}

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

于 2017-05-21T08:59:31.867 回答