QML TableView选中单行

最新推荐文章于 2025-09-27 10:21:36 发布
原创 最新推荐文章于 2025-09-27 10:21:36 发布 · 2.0k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #qt5

本文介绍了如何在Qt5.15.2环境中，使用QtQuick.Controls 2.15的TableView组件结合DelegateChooser和QAbstractTableModel实现表格的列创建和数据绑定。通过在Rectangle内创建MouseArea监听点击事件，来改变model的当前选中行，并根据当前行设置单元格颜色。点击时，行背景色变为#666666，未点击时为红色。

环境：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{
    &nb

最低0.47元/天 解锁文章
Qt之QTableView 获取当前选中行
Ilson_的博客
06-29 3万+
QModelIndexList list = ui->tableView->selectedIndexes(); if (list.count() <= 0) return; QModelIndex index = ui->tableView->selectionModel()->currentIndex(); int iSe...
Qml 2.0系列版本的TableView
波风水门
05-15 2181
前言 最近使用Tableview来显示表格数据，发现qml的TableView已经到了2.0版本了，网上百度一番，发现记录使用新版的Tabelview用法的非常少，几乎都是1.0版本，而Qt也打算放弃1.0版本了，所以特此记录一番，虽然现在还可以使用1.0版本，并且使用上手也非常简单方便，但是有很多问题，比如放大缩小或者滚动什么的，数据多了会卡顿几秒钟，颇为不爽，于是乎研究了下2.0系列新出的Tableview，发现使用官方demo一点都不卡，数据量在10000+以上，滚动什么的操作流畅无比，废话不多说了，
qml tableview 全选，单选
12-04
qml mvc 使用checkbox全选、反选。TableViewColumn中添加代理checkbox在qml直接赋值会导致点击checkbox状态无法更新，本demo正好解决这个问题
QML TableView全选与单选功能实现详解
最新发布
weixin_32661831的博客
09-27 410
在QML的TableView体系中，扮演着定义表格列行为与外观的核心角色。不同于传统HTML或Widget-based表格通过固定标签定义列的方式，QML允许开发者以声明式语法精确控制每一列的数据映射方式、宽度策略、对齐方式以及渲染模板。这种基于组件化的列定义机制为实现复杂UI需求提供了坚实基础，尤其是在需要插入非文本控件（如CheckBox、按钮或进度条）时展现出强大优势。要创建一个包含复选框的列，首先需明确的基本构成要素。每个实例必须指定role或value。
qml TableView自定义属性
逝忆
01-02 1493
不多说，直接上代码 import QtQuick 2.0 import QtQuick.Controls 1.4 import QtQuick.Controls.Styles 1.4 Item { id:mylistmode width: parent.width height: parent.height ListModel{ id:mytabl...
tableview多行选择
10-26
iphone上面实现多行选择的效果，已测试无误
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
Qt TableView 设置默认选中行 QtQuick5.5
u014038245的博客
02-22 5519
QML   TableView  中 在实现过程中需要默认第一行选中 TableView  通过rowDelete  实现定制化的row 的样式，tableView 查看Qt帮助文档，没有获得通过row【】获得行的方法，在安晓辉的Qt QtQuick 中找到  styleData   通过.row   可以再rowDelete 的实现中 如下的rectange 获取到当前行   通过与 Tabl...
QML TableView坑
qq_32250025的博客
04-17 3736
QML 写界面的时候，把自己坑了，不能正确的选中一行，最后发现第一列用了"index"，这个可能是TableView的内置属性（猜测），后边给index赋值，所以不能选中争正确的行，换一个名字即可。TableView { x:320;y:0;width: 700;height: 730; selectionMode: Selectio...
QML GridView 网格视图
青春不老，奋斗不止！
03-13 1355
和 ListView 一样，GridView 也是基于 Flickable 的视图组件，它们的用法非常相似。不同的是，ListView 中的元素被存储在线性链表中，并以单列（或单行）的形式进行展示的，因此适用于垂直（或水平）列表的场景；而 GridView 中的元素则被存储在一个二维数组中，并以网格的形式进行展示的，因此更适用于具有二维结构或以网格方式呈现的场景，如相册图库、视频列表、工具导航等。
QML的TableView中实现数据以不同的形式进行表现-对每列进行自定义
06-09
QML的tableView中的每列数据以不同的形式进行表现，例如单选框、ComBobox、进度条等进行显示，这样会使数据更加直观。该程序可以直接使用qmlscene进行运行，支持Qt5.5及其以上版本
QML tableView表格数据添加全选,不选,和禁用状态
qq_43627981的博客
07-16 2776
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 3477
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 QTableView 获取单击选中行的内容
热门推荐
u014038245的博客
11-24 2万+
//*************************************************QSqlTableModel Fr_Model=new QSqlTableModel; Fr_Model->setTable("faultname");//数据库表名 Fr_Model->setHeaderData(0,Qt::Horizontal,tr("名称")); F
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 2197
// 获取选中的行 int curRow = ui->tableView->currentIndex().row(); QString currentid =model->data(model->index(curRow,1)).toString();model是和tableview
qml----Model/View TableView
波风水门
06-20 2472
前言 记录这个是因为TMD文档上面根本就没有rowDelegate和headerDelegate的属性相关的设置，不知道网上怎么找到的，记录一下，记录的这些属性设置可以通用所有 QtQuick.Controls 1.X系列的style风格设计 正文 其实Tableview与Listview相似，只不过是多了滚动条、挑选以及可调节尺寸等功能，它的数据也是通过Model来实现的，可以用listMod...
Qt之QTableView获取当前选中行
UhxzCombined的博客
09-20 2462
当用户在QTableView中选择一行或多行时，我们可能需要获取当前选中行的数据以进行进一步处理。本文将介绍如何使用Qt的信号槽机制和模型索引来实现获取QTableView当前选中行的功能。函数获取相应行的数据。您可以根据需要进一步处理选中行的数据，例如打印或执行其他操作。在槽函数中，我们可以使用QTableView的函数。上述代码创建了一个包含10行3列数据的QTableView，并在用户选择行时打印选中行的数据。来获取选择模型，进而获取当前选中的模型索引。然后，我们可以使用模型索引来获取相应行的数据。
解决QML TableView中CheckBox全选与单选问题
在讨论如何在QML中使用TableView组件实现全选和单选功能时，首先需要了解QML（Qt Modeling Language）的基础知识。QML是一种专门用于开发用户界面的声明式语言，它允许开发者以非常直观和简洁的方式来设计界面。QML...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值