QML中Qtableview视图表格中点击表头进行排序

QML中的QTableView视图表格中点击表头进行排序的实现方法:
一、将setSortingEnabled()函数设为True后,点击表头排序的背后调用的是sortByColumn()这个函数。
在qtableview.cpp源文件中有sortByColumn()函数的实现代码:
复制代码

 void QTableView::sortByColumn(int column)
 {
     Q_D(QTableView);
  
     if (!d->model)
         return;
     bool ascending = (horizontalHeader()->sortIndicatorSection()==column&& horizontalHeader()->sortIndicatorOrder()==Qt::DescendingOrder);
     Qt::SortOrder order = ascending ? Qt::AscendingOrder : Qt::DescendingOrder;
     horizontalHeader()->setSortIndicator(column, order);
     d->model->sort(column, order);
 }

复制代码
sortByColumn()函数最后调用的model的sort函数。
由于本人使用的model类型是QSqlQueryModel,该类型继承自QAbstractTableModel类,而该类又继承自QAbstractItemModel。
QSqlQueryModel和QAbstractTableModel这两个类本身是没有sort函数的,自能使用QAbstractItemModel类的sort函数。
QAbstractItemModel类中的sort函数形式如下:

virtual void sort(int column, Qt::SortOrder order = Qt::AscendingOrder)

它是一个虚拟函数,也就是说没有具体的实现,是无法真正用于排序的。
所以由此产生一个思路,如果将model的类型转换成一个重写了sort函数的model类,那么也许就可以通过点击表头进行排序了。
找一下QAbstractItemModel有哪些子类,通过一番搜索,找到QAbstractProxyModel、QSqlTableModel等子类都有重写的sort函数。
我们把之前QSqlQueryModel的model转换为QAbstractProxyModel试一下,看是否有效。
复制代码

 QSqlDatabase db_output1 = QSqlDatabase::database("db_output1_connection");
 QSqlQueryModel *model = new QSqlQueryModel();
 QString model_query;
 model_query = QString("Select Airline ,Airline1, Ratio, Angle, Year, Summer, Winter from [%1$]").arg(show_sheet_name);
 model->setQuery(model_query,db_output1);
 QSortFilterProxyModel *sqlproxy = new QSortFilterProxyModel(this);
 sqlproxy->setSourceModel(model);
 ui->tableView->setModel(sqlproxy);

复制代码
在这里插入图片描述
这是没有排序时,显示的结果。

在这里插入图片描述
上图是单击表头中的日班次后排序的结果。
在这里插入图片描述

上图是单击另一列的表头(费率)后排序的结果。其他各列的排序也均有效。
QSqlTableModel等其他的类本人没测试。按道理来说,应该也是有效的。
一点感悟:
遇到技术问题,要善于将问题准确提炼出来,是自己搜索也好,或是请教他人都有帮助。往往是对遇到的问题迷迷糊糊,没有经过仔细思考,导致不知从何处开始解决,最后半途而废。
国内的圈子必然有限,多用google。
附几个相关问题的链接:
http://www.qtcentre.org/archive/index.php/t-467.html
http://www.qtforum.org/article/18679/qsqlquerymodel-qtableview-and-sorting.html
http://www.qtforum.org/article/26898/how-to-sort-data-by-column-in-a-table-view-model-set-for-table-view-is-qsqlquerymodel-if-click-to-headerview.html

### PySide6 QML TableView 示例 #### 使用 `QQmlApplicationEngine` 加载 QML 文件并集成 `QTableView` 为了在 PySide6 中使用 QML 实现 `TableView`,可以采用 `QQmlApplicationEngine` 来加载 QML 文件,并通过 Python 代码设置数据模型。下面是一个完整的例子来展示这一过程。 ```python import sys from PySide6.QtCore import Qt, QStringListModel, QModelIndex from PySide6.QtWidgets import QApplication from PySide6.QtGui import QStandardItemModel, QStandardItem from PySide6.QtQml import QQmlApplicationEngine class TableViewModel(QStandardItemModel): def __init__(self, parent=None): super().__init__(parent) # 设置表头 headers = ["Column 1", "Column 2"] self.setHorizontalHeaderLabels(headers) # 添加一些初始数据 data = [ ['Item A', 'Value X'], ['Item B', 'Value Y'] ] for row in data: items = [QStandardItem(item) for item in row] self.appendRow(items) if __name__ == "__main__": app = QApplication(sys.argv) engine = QQmlApplicationEngine() model = TableViewModel() context = engine.rootContext() context.setContextProperty("pyTableModel", model) engine.load('main.qml') if not engine.rootObjects(): sys.exit(-1) sys.exit(app.exec()) ``` 对应的 QML 文件 (`main.qml`) 如下: ```qml import QtQuick 2.15 import QtQuick.Controls 2.15 import Qt.labs.qmlmodels 1.0 ApplicationWindow { visible: true width: 800 height: 600 TableView { id: tableView anchors.fill: parent model: pyTableModel TableViewColumn { role: "display"; title: "Column 1"; width: 200 } TableViewColumn { role: "display"; title: "Column 2"; width: 200 } onDoubleClicked: console.log(model.get(index).data(Qt.DisplayRole)) } } ``` 此示例展示了如何利用 `QQmlApplicationEngine` 将 Python 数据传递给 QML 并显示在一个简单的表格视图中[^1]。 对于更复杂的数据绑定场景,比如动态更新表格内容或处理大量数据项,则可能需要进一步定制化 `TableViewModel` 类以及调整相应的 QML 布局逻辑[^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值