QML TableView坑

3人阅读 评论(0) 收藏 举报
分类:

QML 写界面的时候,把自己坑了,不能正确的选中一行,最后发现第一列用了"index",这个可能是TableView的内置属性(猜测),后边给index赋值,所以不能选中争正确的行,换一个名字即可。



TableView
        {
            x:320;y:0;width: 700;height: 730;
            selectionMode: SelectionMode.SingleSelection;
            TableViewColumn{role: qsTr("index");width: 25;horizontalAlignment: Text.AlignHCenter;}
            TableViewColumn{role: qsTr("name");title: qsTr("名称");width: 100;horizontalAlignment: Text.AlignHCenter;}
            TableViewColumn{role: qsTr("user");title: qsTr("所有者");width: 100;horizontalAlignment: Text.AlignHCenter;}
            TableViewColumn{role: qsTr("createdate");title: qsTr("创建日期");width: 100;horizontalAlignment: Text.AlignHCenter;}
            TableViewColumn{role: qsTr("audit");title: qsTr("全面审计追踪");width: 100;horizontalAlignment: Text.AlignHCenter;
            delegate: Rectangle{anchors.fill: parent;border.color: "#222222";border.width: 1;color: "#d4d0c8";
                CheckBoxCustom{anchors.verticalCenter: parent.verticalCenter;anchors.horizontalCenter: parent.horizontalCenter;text: qsTr("");}}}
            TableViewColumn{role: qsTr("locked");title: qsTr("已锁定");width: 50;horizontalAlignment: Text.AlignHCenter;
                delegate: Rectangle{anchors.fill: parent;border.color: "#222222";border.width: 1;color: "#d4d0c8";
                    CheckBoxCustom{y:-5;anchors.horizontalCenter: parent.horizontalCenter;text: qsTr("");}}}
            TableViewColumn{role: qsTr("note");title: qsTr("注释");width: 100;horizontalAlignment: Text.AlignHCenter;}
            TableViewColumn{role: qsTr("a1");title: qsTr("表空间限额");width: 100;horizontalAlignment: Text.AlignHCenter;}
            TableViewColumn{role: qsTr("a2");title: qsTr("空闲表空间");width: 100;horizontalAlignment: Text.AlignHCenter;}

            headerDelegate: Rectangle
            {
                implicitWidth:100;implicitHeight:25;border.color:"#222222";border.width:1;
                Text
                {
                    verticalAlignment: Text.AlignVCenter;horizontalAlignment: Text.AlignHCenter;
                    text: styleData.value;font.bold: true;anchors.fill:parent;
                }
            }
            rowDelegate: Rectangle
            {
                height:25;color:styleData.selected?"black":"white";
            }
            itemDelegate: Rectangle
            {
                implicitWidth:100;implicitHeight:25;color:"#00a0a0a0";border.color:"#222222";border.width:styleData.selected?0:1;
                Text{x:2;text: styleData.value;verticalAlignment: Text.AlignVCenter;color:styleData.selected?"white":"black";}
            }
            model: ListModel
            {
                ListElement{index:1;name:"Test_1";user:"System";createData:"2018-4-17 17:04:52";}
                ListElement{index:2;name:"Test_1";user:"System";createData:"2018-4-17 17:04:52";}
                ListElement{index:3;name:"Test_1";user:"System";createData:"2018-4-17 17:04:52";}
            }
        }

查看评论

Qt qml TableView 表格编辑器

简介:这是一个使用Qt + qml制作的一个表格编辑器。主要是为了展示如何用qml中的TableView控件制作一个表格编辑器。工程是从工作的项目里面单独扣出来的,内容上有些汽车行业相关的文字,请忽略...
  • D759378563
  • D759378563
  • 2017-08-03 11:21:28
  • 2172

QML的TableView中实现数据以不同的形式进行表现-对每列进行自定义

  • 2017年06月09日 20:53
  • 2KB
  • 下载

qml tableview红白间隔显示且行高可设置,并且cell 文字居中显示

import QtQuick 2.6 import QtQuick.Window 2.2 import QtQuick.Controls 1.4 Item{ width: 800; heig...
  • hudfang
  • hudfang
  • 2017-10-13 12:08:39
  • 471

QML C++ TableView + Model 处理

先留坑 http://stackoverflow.com/questions/21298124/qt5-display-dynamic-data-model-in-qml-tableview ht...
  • LaineGates
  • LaineGates
  • 2016-03-19 10:37:03
  • 4285

QML自定义TableView数据的表现样式:列的委托

  • 2017年06月09日 20:26
  • 9KB
  • 下载

qml 动态创建TableView

在qml应用开发中,经常会用到TableView来显示数据,而有时表格又不是固定的,需要根据不同的情况来变换表格的标题和内容。 本次博客将会介绍怎样在qml中动态的创建TableView。...
  • wanghualin033
  • wanghualin033
  • 2017-10-08 10:29:35
  • 1538

qml为TableView动态插入列

参考示例代码: var columnString = 'import QtQuick 2.3; import QtQuick.Controls 1.2; TableViewColumn {rol...
  • dcba2014
  • dcba2014
  • 2016-12-23 11:37:09
  • 284

QtQuick TableView 操作

先写找到的有用信息,最后统一整理。 http://doc.qt.io/qt-5/qml-qtquick-controls-styles-tableviewstyle.html#details ht...
  • LaineGates
  • LaineGates
  • 2016-03-17 21:29:40
  • 2425

QmlTableView

使用QtQuick的MVC模式 新建c++类继承于QAbstractTableModel, 并实现几个重要方法:CPP中:class QmlTableViewModel : public QAbst...
  • zhengtianzuo06
  • zhengtianzuo06
  • 2017-10-19 17:34:41
  • 283

QML中tableview处理点击事件同时能保证选中行高亮和文字变化

import QtQuick 2.5import QtQuick.Controls 1.4ApplicationWindow { visible: true width: 640 height: 48...
  • hu_linux
  • hu_linux
  • 2017-02-13 16:12:37
  • 285
    个人资料
    持之以恒
    等级:
    访问量: 7513
    积分: 575
    排名: 9万+
    文章分类
    最新评论