listview - QML，动态地将元素添加到列表视图

Question

我需要一些帮助来将元素添加到 qml listview 中，我有一个 textarea 和一个按钮，当按下时会将 textarea 文本添加到 listview 项目中，这是我的尝试：

Component {
    id: delegate
    Item {
        width: 200; height: 28
        Label {
            text: score
        }
    }
}

ListView {
     id: p1scores
     model: p1model
     delegate: delegate
     anchors.top: p1name.bottom
     anchors.topMargin: units.gu(1)
}

ListModel {
     id: p1model
     ListElement { score: "0" }
}

TextArea {
     id: p1input
     width: units.gu(8)
     height: units.gu(3)
     horizontalAlignment: TextEdit.AlignHCenter
     inputMethodHints: Qt.ImhDigitsOnly
     contentHeight: units.gu(60)
     anchors.topMargin: units.gu(8)
}

Button {
     id:p1button
     text: i18n.tr("Add")
     width: units.gu(8)
     onClicked: {
        p1model.append({"score": p1input.text})
        p1input.text = ""
     }
}

我尝试附加它，但没有出现在列表视图中......有什么帮助吗？

Answer 1

尝试在“分数”周围不加引号，如下所示：

onClicked: {
    p1model.append({score: p1input.text})
    p1input.text = ""
}