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

Question

我需要一些帮助，将元素添加到qml列表视图中，我有一个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 = ""
}