qml TableView简单应用

最新推荐文章于 2024-07-25 20:22:48 发布

‭‭‭ ‭

最新推荐文章于 2024-07-25 20:22:48 发布

阅读量403

点赞数

分类专栏： QT 文章标签： c++ Powered by 金山文档

本文链接：https://blog.csdn.net/Y1172215784/article/details/128787950

版权

QT 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

要使用tableview需要引入

import QtQuick 2.14;
import QtQuick.Controls 1.4;

插入列

/*role：类似于列名的ID下面确定某一列时用
title：列的内容标题
width：列宽
elidemode：文本显示不开时可显示省略号  ElideLeft：显示在开头 ElideRight：显示在结尾  ElideMiddle：显示在中间  ElideNone：不出现省略号
*/
TableViewColumn{role: "name"; title: "Name"; width: 80; elideMode: Text.ElideRight;}

如果想循环插入列可用下面插入

function AddColumn(){
var prefix = 'import QtQuick 2.14;import QtQuick.Controls 1.4;TableViewColumn {width';
    tabletext.addColumn(Qt.createQmlObject(prefix+":100;"+"role:\"cost\";title:\"Cost1\";}",tabletext,"dynamicSnippet1"))
}

插入行

/*cost：上面列的role*/
ListModel{
        id:listmodel
        ListElement{
        cost:"内容"
    }

/*之后需要在TableView的model属性指定listmodel*/

/*如果需要循环插入到时可参考这个*/
Component.onCompleted: listmodel.add()
function add(){
            listmodel.append({"cost":"内容"})
        }
}

/*之后再TableView的model只想listmodel即可*/
    TableView{
        id:tabletext
        width: 273
        height: 202
        model:listmodel
}