qml tableview 数据库_Qt Quick之TableView的使用

最新推荐文章于 2024-06-30 15:32:31 发布
最新推荐文章于 2024-06-30 15:32:31 发布
阅读量705 收藏 1
点赞数
文章标签： qml tableview 数据库
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_32224617/article/details/113995452
版权
这篇博客介绍了如何在Qt Quick中利用TableView组件显示和操作数据库数据。通过示例展示了如何设置TableView的样式，包括头部、行和单元格，并且提供了一个包含股票代码和名称的ListModel作为数据源。
摘要由CSDN通过智能技术生成

import QtQuick 2.9import QtQuick.Window2.2import QtQuick.Controls1.4import QtQuick.Controls.Styles1.4Window {

visible:truewidth:300height:480title: qsTr("Hello World")

TableView

{

id:stockTable;

anchors.left: parent.left;

anchors.top:parent.top;

anchors.topMargin:10;

anchors.right: parent.right;

anchors.bottom: parent.bottom;//alternatingRowColors : true;

style:TableViewStyle

{

id:tstyle;

backgroundColor:"white";

alternateBackgroundColor:"#f6F6F6";

textColor:"black";//设置TableView的头部

headerDelegate: Canvas

{

implicitWidth:100;

implicitHeight:32;

onPaint:

{var ctx = getContext("2d");

ctx.lineWidth= 2;

ctx.strokeStyle="red";

ctx.fillStyle="blue";

ctx.beginPath();

console.log("width:",width,"--","height:",height);

ctx.rect(0,0,width,height);

ctx.stroke();

ctx.font="14pt sans-serif";

ctx.textAlign="right"ctx.textBaseLine="middle";

ctx.fillText(styleData.value,width-2,height/2+10);

}

}//设置行

rowDelegate:Rectangle

{

height:30;

color: styleData.selected? "red":

(styleData.alternate?tstyle.backgroundColor :

tstyle.alternateBackgroundColor);

}//设置单元格

itemDelegate: Text

{

text:styleData.value;

font.pointSize:13;

verticalAlignment:Text.AlignVCenter;

horizontalAlignment:Text.AlignRight;

}

}

TableViewColumn

{

role:"code";

title:qsTr("Code");

width:120;

movable:false;

}

TableViewColumn

{

role:"name";

title:qsTr("Name");

width:120;

movable:false;

}

ListModel {

id: libraryModel

ListElement {

code:"159922"name:"500ETF"}

ListElement {

code:"600030"name:"中信证券"}

ListElement {

code:"300244"name:"迪安诊断"}

}

model: libraryModel;

}

}

里姆
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
QML的TableView中实现数据以不同的形式进行表现-对每列进行自定义
06-09
QML的tableView中的每列数据以不同的形式进行表现，例如单选框、ComBobox、进度条等进行显示，这样会使数据更加直观。该程序可以直接使用qmlscene进行运行，支持Qt5.5及其以上版本
QML与C++交互:在qml中使用QSqlQueryModel显示数据库数据
jdh99的专栏
05-15 1万+
QML与C++交互:在qml中使用QSqlQueryModel显示数据库数据 本文博客链接:http://blog.csdn.net/jdh99,作者:jdh,转载请注明. 参考链接: http://qt-project.org/wiki/How_to_use_a_QSqlQueryModel_in_QML 环境： 主机:WIN7 开发环境:
QML TableView 表格总结
最新发布
一个老菜鸟的学习分享
06-30 534
qml 的资料相对qt widget来说，还是偏少啊，无论从帮助文档还是从网上搜索。笔者项目中遇到的一些展示控件，需要用tableview来展示，总结了一下两种方式，都是基于Tableview来实现的，一种是基于 QtQuick.Controls 1.4 版本，一种是高版本 QtQuick 2.14。对业务代码进行了删除，只保留了跟表格有关的代码。几种最重要的几个属性就是。主要关注一下属性设置。
Qml 数据库
weixin_41281949的博客
12-07 722
Qml Local Storage Sqlite
QML TableView Demo演示示例
06-09
QML中实现表格可以使用多种方式，比如直接使用ListView，定义每一行delegate，或者自定义Rectangle，放到Flipable中组合使用。Qt Quick Control1中 从5.1版本开始就提供了表格控件，但是感觉不怎么好用，在Qt Quick Control2中 5.12版本开始又提供了一个专门用于做表格的控件TableView，相比于前面的方案，使用Tableview更加简单和直接。那么，接下来就看看Quick Control2 的TableView使用方法。 博客介绍：https://blog.csdn.net/luoyayun361/article/details/122361571
QML学习十七：TableView的简单使用
06-18 3609
QML学习
qml tableview 全选，单选
12-04
在Qt Quick（QML）开发中，`TableView`是一个用于展示数据的组件，它支持多种视图模式，如列表、网格等。`TableView`通常与Model/View/Controller（MVC）架构一起使用，以便更好地管理和操作数据。在这个场景中，...
TableEdit:qml TableView 表格编辑器
05-07
此项目为早期使用QtQuick.Controls 1 的作品，已不再维护 -- 2020/10/10 基于QtQuick.Controls 2 的新版表格已经实现，可以参考TaoQuick项目 简介： 这是一个使用Qt + qml制作的表格编辑器。 主要围绕TableView控件...
bppgrid：QtQuick 2表组件，以TableView QML类型为模型
02-02
bppgrid QtQuick 2 Table组件，以TableView QML类型为模型在Windows 6和Android 6+上进行了测试，可以在其他平台上使用用Qt 5.12.3开发如何开始一个新项目在您的项目.pro中添加： include($$PWD/bppgrid/BppTable....
edi-tableview：具有QtQuick Control 2 TableView，可调整大小的列标题和自定义内联编辑器的微属性编辑器
02-05
综合以上信息，我们可以推测edi-tableview是一个使用QtQuick和QML开发的轻量级属性编辑器，特别关注TableView的增强功能。它的特点在于： 1. **自定义内联编辑器**：这可能意味着用户可以直接在表格单元格中编辑...
QML-TableViewModel实例.rar
09-16
qml tableviewmodel 小实例 1.用ListModel作为模型 qml 2.用QStringList作为模型 C++ 3.用QList作为模型 C++ 4.用ObjectModel作为模型，不需要代理了 qml 5.用QAbstractListModel作为模型 C++ 6.使用xmlListModel作为模型 qml 7.使用JSON作为模型 JSON
QML自定义TableView数据的表现样式：列的委托
06-09
自定义QML中的TableView的数据表现样式，主要是对表格中每列的数据定义不同的表现形式，例如用单选框、ComBobox、进度条等形式对数据进行形象化的显示，对于熟悉TableView的使用有较大的帮助 ,本代码可以直接通过qmlscene运行，支持QT5.5及其以上版本
QML SQLite数据库编程
06-18
采用QT的前端界面QML框架，直接对本地数据库SQLite进行CURD操作；因采用QML技术，学员不需要懂得C++代码； 对数据输入的数据校验，采用了在数据输入框相同位置的出错信息提示，更加值观；对数据输入及数据展示，采用了自适应布局，适用于不同设备的分辨率；对数据的展示，分别处理了键盘事件及鼠标事件，适用于桌面程序和移动APP程序；对代码进行逐行解释，适用于零基础的同学；
QML QtQuick 2 TableView的使用：展示表格数据
热门推荐
龚建波
12-16 1万+
在Qt5.12中，QtQuick 2 添加了 TableView 组件，功能和 QtQuick Control 1 中的 TableView 类似，但是接口大不一样（QtQuick Control 1已经处于弃用状态，不建议使用）。Qt Creator中有两个 QtQuick 2 TableView 的示例，但是都不是数据类型的，参考起来不大方便，我也是别人的 Demo 以及 Qt 文档学习了下（参考链接文本主要是用代码演示TableView的基本操作，即数据的展示和编辑。
QML使用数据库存储Model数据
Open Source Project Share的专栏
09-28 7767
（本文为utf-8格式，可以直接使用相应代码）   Models 是用来提供数据的，它既可以以 QML 的形式出现也可以是 C++的类。QML中的Model有ListModel、XmlListModel、 VisualItemModel；C++ 中的 Model 有 QAb
QML 数据库存储
青春不老，奋斗不止！
08-08 923
在开发 QML 应用过程中，经常需要处理和存储用户数据。虽然常见的选择是服务器端数据库，但有时也需要一种简单、轻量级的本地存储。在这方面，我们可以依靠 LocalStorage 来满足各种需求。
QML类型：TableView
友善啊，朋友的博客
10-16 7562
一、描述 TableView 显示从内置 QML 类型（如 ListModel 和 XmlListModel）创建的模型中的数据，这些模型仅填充 TableView 中的第一列。要创建具有多列的模型，请使用 TableModel或继承 QAbstractItemModel 的 C++ 模型。 TableView 继承了 Flickable。这意味着虽然模型可以有任意数量的行和列，但在视口内通常只能看到表格的一部分。 一旦轻弹，新的行和列就会进入视口，而旧的会退出并从视口中移除。 移出的行和列被重新用于.
quick2 tableview组件demo
qq_35355359的博客
05-18 205
import QtQuick 2.15 import QtQuick.Window 2.15 import QtQuick.Controls 2.15 import QtQuick.Layouts 1.15 import Qt.labs.qmlmodels 1.0 Window { width: 640 height: 480 visible: true title: qsTr("quick2 TableView demo") .
Qt Quick TableView示例-Conway的生存游戏
aggs1990的专栏
09-29 282
The​Conway的Game of Life示例展示了如何使用QML TableView类型显示用户可以平移的C++模型。
qt quick/qml连接数据库
05-31
在 Qt Quick/QML 中，可以使用 Qt 的 QML Sql 模块来连接数据库。以下是一个示例代码： ```qml import QtQuick 2.0 import QtQuick.Controls 2.0 import QtQuick.Layouts 1.0 import QtSql 2.0 ApplicationWindow { visible: true width: 640 height: 480 title: "Connect to Database" // 创建数据库连接对象 Connections { id: dbConnections // 定义 MySQL 数据库连接 OdbcConnection { id: mysqlConn dsn: "MySQLConn" username: "root" password: "password" } } // 创建查询模型 QueryModel { id: queryModel // 设置查询语句 query: "SELECT * FROM table_name" // 设置连接对象 connection: mysqlConn } // 显示查询结果 TableView { model: queryModel anchors.fill: parent } } ``` 在以上代码中，`Connections` 对象用于创建数据库连接对象，`OdbcConnection` 对象用于定义 MySQL 数据库连接，`QueryModel` 对象用于查询数据库数据，`TableView` 控件用于显示查询结果。在实际使用中，需要根据实际情况修改连接参数和查询语句。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值