TornadoFX 中的列表视图在使用缓存表单时显示重复的项目

Question

>我正在从互联网加载JSON数据，捕获有关项目的数据，例如名称，作者和图像网址。然后我想将它们一个加载到另一个下面，所以我将它们放入列表视图中。我只将它们添加一次作为自定义类，它只保存这些变量。

我遇到了这些值重复并且没有按预期显示的问题。例如，它将加载前 5 个项目(共 20 个(，并在剩余的 15 个项目上重复它们。我不明白为什么会发生这种情况，也尝试循环访问 listview 的 items 数组并打印出来，它们都是不同的，也尝试对它们进行 refresh((，但它似乎根本没有改变任何东西。

我正在添加用于创建列表视图的代码以及用于填充它的部分。

val lv = listview<Item>{
    anchorpaneConstraints {
        topAnchor = 0.0
        bottomAnchor = 0.0
        leftAnchor = 0.0
        rightAnchor = 0.0
    }
    cellFormat {
        graphic = cache {
            form {
                fieldset {
                    hbox {
                        spacing = 10.0
                        println(it.name)
                        println(it.author)
                        println(it.imgurl)
                        println(it.desc)
                        imageview {
                            image = Image(it.imgurl)
                            prefWidth(256.0)
                            prefHeight(256.0)
                        }
                        vbox {
                            field("Name") {
                                label(it.name)
                            }
                            field("Author") {
                                label(it.author)
                            }
                            field("Description") {
                                label {
                                    text = it.desc
                                    wrapWidth = 150
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
val tmpItems = items.clone() as ArrayList<JsonObject>()
val arr = ArrayList<Item>()
for (m in tmpItems) {
    arr.add(
    Item(
        m["name"].toString(),
    m["author"].toString(),
    m["desc"].toString(),
    m["imgUrl"].toString()
    )
)
}
lv.items.addAll(arr)

我预计输出是 20 个唯一项目，因为这就是lv.items中的内容，但显示的结果是 5 个唯一项目在 20 行中重复。

Answer 1

使用 cache 时，需要为每个项指定一个唯一 id，以便框架知道如何检索给定表单元格中当前显示项的缓存 UI 元素。这在 javadoc 中对 cache 函数进行了详细解释。

如果您的项目中有 id 字段，则可以使用该字段，例如：

cache(rowItem.id) { }

您甚至可以使用单元格的值，如果它是唯一的：

cache(it) { }