小工具知识网

当前位置: 首页 > 行业知识 > QML中动态表格修改数据

行业知识

QML中动态表格修改数据

2026-11-06 09:28:26 来源:互联网转载

1.qml���件中的实现代码

import QtQuick 2.15import QtQuick.Window 2.15import QtQuick.Controls 2.0import Qt.labs.qmlmodels 1.0import QtQuick.Layouts 1.15Window {    width: 640    height: 480    visible: true    title: qsTr("Hello World")    TableModel    {        id:table_model        TableModelColumn { display: "name" }        TableModelColumn { display: "item1" }        TableModelColumn { display: "item2" }        TableModelColumn { display: "item3" }        TableModelColumn { display: "item4" }    }    Column    {        TableView        {            id:tabel_view_statistics            visible: true            implicitHeight: 100            implicitWidth: 300            anchors.horizontalCenter: parent.horizontalCenter            columnSpacing: -1            rowSpacing: -1            clip: true            delegate: Rectangle            {                implicitWidth: 50                implicitHeight: 25                border.width: 1                Text                {                    text: display                    anchors.centerIn: parent                }            }        }        Label{            id:label_01        }        Button{            id:button1            text: "动态数据"            onClicked: {                table_model.appendRow(                        {                                         "name": "树木",                                         "item1": "6",                                         "item2": "",                                         "item3": "",                                         "item4": ""                                         })                tabel_view_statistics.model = table_model            }        }        Button{            id:button2            text: "修改数据"            onClicked: {                table_model.setRow(0,{                                       "name": "森林",                                       "item1": "9",                                       "item2": "",                                       "item3": "",                                       "item4": ""                                       })                tabel_view_statistics.model = table_model                       }        }    }}

2.效果图如下:

上一篇:伊诺纳服务器怎么进?

下一篇:梦织模版图片上传超详细教程,轻松搞定!