QML TableView选中单行

最新推荐文章于 2024-08-27 14:38:29 发布
最新推荐文章于 2024-08-27 14:38:29 发布
阅读量1.5k 收藏 4
点赞数
分类专栏： qml 文章标签： 前端 qt5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/adddais/article/details/128804778
版权
本文介绍了如何在Qt5.15.2环境中，使用QtQuick.Controls 2.15的TableView组件结合DelegateChooser和QAbstractTableModel实现表格的列创建和数据绑定。通过在Rectangle内创建MouseArea监听点击事件，来改变model的当前选中行，并根据当前行设置单元格颜色。点击时，行背景色变为#666666，未点击时为红色。
摘要由CSDN通过智能技术生成

环境：qt5.15.2 |QtQuick.Controls 2.15

TableView实现利用DelegateChooser实现列创建，数据由QAbstractTableModel提供

实例代码如下，在Rectangle中创建MouseArea，通过点击来设置model当前行

颜色根据row === planModel.currentRow改变。

TableView {
        id:tableView
        anchors.top: header.bottom
        anchors.left: parent.left
        anchors.leftMargin: 20
        width:390
        height:200
        model: planModel
        delegate:DelegateChooser{
            DelegateChoice{
                column:0
                delegate: Rectangle{
                    MouseArea{
                        anchors.fill: parent
                        onClicked: {
                            planModel.currentRow = row
                        }
                    }
                    clip:true
                 

最低0.47元/天 解锁文章
zlune
关注
专栏目录
qml tableview 全选，单选
12-04
qml mvc 使用checkbox全选、反选。TableViewColumn中添加代理checkbox在qml直接赋值会导致点击checkbox状态无法更新，本demo正好解决这个问题
tableview多行选择
10-26
iphone上面实现多行选择的效果，已测试无误
要获取QTableView的model中某个单元格的值，可以使用QAbstractItemModel的data()方法。首先，需要知道行号和列号，然后调用data()方法并传入相应的参数。以下是一个示
最新发布
sunflower_2020的博客
08-27 180
要获取QTableView的model中某个单元格的值，可以使用QAbstractItemModel的data()方法。首先，需要知道行号和列号，然后调用data()方法并传入相应的参数。以下是一个示
QT QTableView 获取单击选中行的内容
热门推荐
u014038245的博客
11-24 2万+
//*************************************************QSqlTableModel Fr_Model=new QSqlTableModel; Fr_Model->setTable("faultname");//数据库表名 Fr_Model->setHeaderData(0,Qt::Horizontal,tr("名称")); F
Qml ListView实现选中操作
缘如风的博客
01-20 1万+
说明 ListView默认没有选中行的功能。实现选中的功能，需要在代理模型中实现。 代码如下 ListView { id : m_listView anchors.fill: parent anchors.margins: 20 clip: true model: ["A","B","C","D","E"] delegate: numberDelegate spacing: 5
QML tableView表格数据添加全选,不选,和禁用状态
qq_43627981的博客
07-16 2620
import QtQuick 2.14 import QtQuick.Controls 2.14 import Qt.labs.qmlmodels 1.0 import QtGraphicalEffects 1.0 import "../Component" Item { id: mask width: parent.width height: parent.height property bool exportT: false function isCha.
QML中tableview处理点击事件同时能保证选中行高亮和文字变化
hu_linux的博客
02-13 3255
import QtQuick 2.5import QtQuick.Controls 1.4ApplicationWindow { visible: true width: 640 height: 480 title: qsTr("Hello World") TableView { id: tableView; anchors.fill: parent; TableViewColumn { role
Qt TableView 设置默认选中行 QtQuick5.5
u014038245的博客
02-22 5390
QML   TableView  中 在实现过程中需要默认第一行选中 TableView  通过rowDelete  实现定制化的row 的样式，tableView 查看Qt帮助文档，没有获得通过row【】获得行的方法，在安晓辉的Qt QtQuick 中找到  styleData   通过.row   可以再rowDelete 的实现中 如下的rectange 获取到当前行   通过与 Tabl...
QML的TableView中实现数据以不同的形式进行表现-对每列进行自定义
06-09
QML的tableView中的每列数据以不同的形式进行表现，例如单选框、ComBobox、进度条等进行显示，这样会使数据更加直观。该程序可以直接使用qmlscene进行运行，支持Qt5.5及其以上版本
Qt 获取tableview的选中行数据
天道酬勤，勤能补拙
11-30 2万+
int curRow=ui->tableView->currentIndex().row();//选中行 QAbstractItemModel *modessl = ui->tableView->model(); QModelIndex indextemp = modessl->index(curRow,i);//遍历第一行的所有列 i 是你要取值的列的下标 //这个是一个单元格
获取tableview选中行信息
KimHerojae的专栏
10-27 2101
// 获取选中的行 int curRow = ui->tableView->currentIndex().row(); QString currentid =model->data(model->index(curRow,1)).toString();model是和tableview
QML TableView Demo演示示例
06-09
QML中实现表格可以使用多种方式，比如直接使用ListView，定义每一行delegate，或者自定义Rectangle，放到Flipable中组合使用。Qt Quick Control1中 从5.1版本开始就提供了表格控件，但是感觉不怎么好用，在Qt Quick ...
TableEdit:qml TableView 表格编辑器
05-07
TableView对应的数据model，使用Qml/ListModel，数据的创建、导入等操作，全部使用qml/js实现。 引入了JSONPath，快速访问JSON并转化到ListModel。 内容上有些汽车行业相关的文字，请忽略。 工程里面也有一些常用...
QML TableView坑
qq_32250025的博客
04-17 3643
QML 写界面的时候，把自己坑了，不能正确的选中一行，最后发现第一列用了"index"，这个可能是TableView的内置属性（猜测），后边给index赋值，所以不能选中争正确的行，换一个名字即可。TableView { x:320;y:0;width: 700;height: 730; selectionMode: Selectio...
qml----Model/View TableView
波风水门
06-20 2251
前言 记录这个是因为TMD文档上面根本就没有rowDelegate和headerDelegate的属性相关的设置，不知道网上怎么找到的，记录一下，记录的这些属性设置可以通用所有 QtQuick.Controls 1.X系列的style风格设计 正文 其实Tableview与Listview相似，只不过是多了滚动条、挑选以及可调节尺寸等功能，它的数据也是通过Model来实现的，可以用listMod...
Qt之QTableView获取当前选中行
UhxzCombined的博客
09-20 2011
当用户在QTableView中选择一行或多行时，我们可能需要获取当前选中行的数据以进行进一步处理。本文将介绍如何使用Qt的信号槽机制和模型索引来实现获取QTableView当前选中行的功能。函数获取相应行的数据。您可以根据需要进一步处理选中行的数据，例如打印或执行其他操作。在槽函数中，我们可以使用QTableView的函数。上述代码创建了一个包含10行3列数据的QTableView，并在用户选择行时打印选中行的数据。来获取选择模型，进而获取当前选中的模型索引。然后，我们可以使用模型索引来获取相应行的数据。
tableview 默认选中一行
gaoyuqiang30的博客
04-27 943
本打算在cellFor方法里加上cell.selected = YES 就可以了，不过系统最后还会把cell.selected重置成NO了，真是奇怪了，所以只能用 selectRowAtIndexPath来实现了。
【QML Model-View】TableView 使用
m0_73482095的博客
12-13 603
TableView 就是 Qt Quick 为表格式呈现数据提供的组件。想必兄台用过 Excel，可以藉此想象下 TableView 的效果。TableView 与 ListView 类似，相比之下多了滚动条、挑选、可调整尺寸的表头等特性。它的数据也通过 Model 来提供，你可以使用 ListModel、XmlListModel，也可以使用 C++ 中从 QAbstractltemModel、QAbstractTableModel 等继承而实现的 Model。
Qt tableView返回选中的行数
自我研究室
12-01 2806
代码 void MainWindow::updateSelectionPeople(const QItemSelection &selected, const QItemSelection &deselected) { QItemSelectionModel *model = ui->tableShowStudent->selectionModel(); ...
QML TableView
11-14
QML TableView是一种用于显示表格数据的QML组件。以下是一个简单的QML TableView的例子： ```qml import QtQuick 2.0 import QtQuick.Controls 2.0 TableView { TableViewColumn { role: "name" title: "Name" width: 100 } TableViewColumn { role: "age" title: "Age" width: 50 } model: ListModel { ListElement { name: "John" age: 30 } ListElement { name: "Jane" age: 25 } } } ``` 在这个例子中，我们定义了一个包含两列的TableView，第一列显示名字，第二列显示年龄。我们使用ListModel作为数据模型，其中包含两个ListElement，每个元素都有一个名字和一个年龄。当我们运行这个例子时，我们将看到一个包含两列和两行的表格，其中第一列显示名字，第二列显示年龄。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值