QTreeView/QTableView中利用QStandardItem实现复选框三种形态变化

版权声明:若无来源注明,Techie亮博客文章均为原创。 转载请以链接形式标明本文标题和地址:
本文标题:QTreeView/QTableView中利用QStandardItem实现复选框三种形态变化     本文地址:http://techieliang.com/2017/12/729/

文章目录

1. 介绍

复选框有三种形态:全选对勾、全不选空白、半选黑点

在item中通过:setCheckable(true);可开启复选框功能,但默认只支持全选对勾、全不选空白,而且自身的状态变动不会使父/子节点相应,比如子节点全部选中时父节点不会自动勾选

下面你提供一个完整的UsingCheckboxItem类,此类继承自QStandardItem,实现了复选框三种状态的使用。类内容很纯粹并未增加其他设置,仅为复选框实现。

注意,此方式让一个item调用了其父节点及子节点的data和setdata两个方法,若不符合设计要求,可仿照此方式在model中重现

下面直接上源码:

2. 源码

2.1. using_checkbox_item.h

  1. /**
  2. * @file using_checkbox_item.h
  3. * @brief 本文件包含支持复选框item类声明。
  4. * @version 1.0.0.0
  5. * @date 2017.12.18
  6. * @author Techie亮
  7. */
  8. #ifndef _H_USINGCHECKBOXITEM_
  9. #define _H_USINGCHECKBOXITEM_
  10. #include <QStandardItem>
  11. #include <QString>
  12. /**
  13. * @brief 支持复选框item类
  14. * 支持复选框三态转变-全选对勾、全不选空白、半选黑点
  15. * 子类会自动通知父子节点item,若不符合设计需要可仿照此方式在model中的setDate重现
  16. */
  17. class UsingCheckboxItem : public QStandardItem {
  18. public:
  19. /**
  20. * @brief 构造函数
  21. * @param item显示内容
  22. */
  23. explicit UsingCheckboxItem(const QString &text);
  24. /**
  25. * @brief setData重写
  26. * @param value data值
  27. * @param role data类型
  28. */
  29. virtual void setData(const QVariant &value, int role = Qt::UserRole + 1);
  30. };
  31. #endif // _H_USINGCHECKBOXITEM_

2.2. using_checkbox_item.cpp

  1. #include "using_checkbox_item.h"
  2. //构造函数
  3. UsingCheckboxItem::UsingCheckboxItem(const QString &text)
  4. : QStandardItem(text) {
  5. setCheckable(true);
  6. }
  7. //setData重写
  8. void UsingCheckboxItem::setData(const QVariant &value, int role) {
  9. if(role == Qt::CheckStateRole) {//针对复选框变动做操作
  10. Qt::CheckState check_state = (Qt::CheckState)value.toInt();
  11. QString mtext=text();
  12. switch (check_state) {
  13. case Qt::Unchecked: {//取消
  14. for(int i = 0, num = rowCount(); i < num; i++) {
  15. child(i)->setData(Qt::Unchecked, Qt::CheckStateRole);
  16. }
  17. //修改内容-必须先修改自己再通知父节点
  18. QStandardItem::setData(value,role);
  19. //通知父节点,我取消了选择,直接告诉父节点半选即可
  20. if(parent())parent()->setData(Qt::PartiallyChecked, role);
  21. }
  22. return;//此事件已完成直接return
  23. case Qt::PartiallyChecked: {//半选
  24. Qt::CheckState current_state = checkState();//当前状态
  25. int checked_num = 0;//被选择的数量
  26. int unchecked_num = 0;//未选择的数量
  27. bool is_partially = false;
  28. Qt::CheckState child_state;
  29. int m_rowCount = rowCount();
  30. //遍历所有子节点
  31. for(int i = 0; i < m_rowCount; i++) {
  32. child_state = child(i)->checkState();
  33. //子节点半选,则直接半选
  34. switch (child_state) {
  35. case Qt::PartiallyChecked:is_partially = true;break;
  36. case Qt::Unchecked:unchecked_num++;break;
  37. case Qt::Checked:checked_num++;break;
  38. default:checked_num++;break;
  39. }
  40. }
  41. //根据子节点状态确定当前节点应该设置的状态
  42. Qt::CheckState now_state;
  43. if(is_partially)
  44. now_state = Qt::PartiallyChecked;
  45. else if(checked_num == m_rowCount)
  46. now_state = Qt::Checked;
  47. else if(unchecked_num == m_rowCount)
  48. now_state = Qt::Unchecked;
  49. else
  50. now_state = Qt::PartiallyChecked;
  51. //修改状态并通知父节点
  52. if(current_state != now_state) {
  53. //修改内容-必须先修改自己再通知父节点
  54. QStandardItem::setData(now_state,role);
  55. //通知父节点,我的状态更改,也就是父节点进入半选
  56. if(parent())parent()->setData(Qt::PartiallyChecked, role);
  57. }
  58. }
  59. return;//此事件已完成直接return
  60. case Qt::Checked: {//全选
  61. for(int i = 0, num = rowCount(); i < num; i++) {
  62. child(i)->setData(Qt::Checked, Qt::CheckStateRole);
  63. }
  64. //修改内容-必须先修改自己再通知父节点
  65. QStandardItem::setData(value,role);
  66. //通知父节点,我被选了,也就是父节点进入半选
  67. if(parent()) {
  68. parent()->setData(Qt::PartiallyChecked, role);
  69. }
  70. }
  71. return;//此事件已完成直接return
  72. default://如果出现此情况就是错了,可以加错误处理
  73. break;
  74. }
  75. }
  76. QStandardItem::setData(value,role);
  77. }

3. 说明

  • 重写了setData方法,但仅对CheckStateRole类型data做了操作,其余类型通过最后的QStandardItem::setData(value,role)直接使用默认方式
  • setData中每个case后均直接return,因为会根据value和父子类情况对实际要使用value做修改,最终赋值给QStandardItem::setData不一定是参数value,所以若不返回,必然会调用最后一样导致出错
  • 系统默认只有两个状态切换选中和补选中,所以可以借用这个特性,当一个节点状态修改时都通知其父类为PartiallyChecked部分选中状态,由父节点自行判断子节点情况并设置自身状态
  • 注意一定要先修改自身状态以后在通知父节点,否则在父节点函数运行过程中自身仍为未修改状态,会导致判断错误
  • 在PartiallyChecked的case中判断了一下新旧状态是否改变,若改变会向上一父节点继续传递消息,不改变则立刻停止减少运算量
  • 若子节点存在PartiallyChecked状态的,则当前节点一定为PartiallyChecked
  • 注意最顶级item是没有parent的所以想父节点传递消息前一定要判断parent是否为nullptr
  • 选择一个节点那么此节点一定会在全选-不选两个状态切换,而部分选择仅存在于此节点的子节点发生变动,所以全选-不选两个case直接对所有子节点赋值

转载请以链接形式标明本文标题和地址:Techie亮博客 » QTreeView/QTableView中利用QStandardItem实现复选框三种形态变化

时间: 2024-10-11 22:26:20

QTreeView/QTableView中利用QStandardItem实现复选框三种形态变化的相关文章

dojo中创建包含节点复选框的树形(CheckBoxTree)

树形结构是界面设计程中常见的部件,在代码实现时有很多方法,但由于设计到节点的父子关系和dom节点操作,实现起来比较复杂.dojo中提供了带复选框的树形部件CheckBoxTree,使用时只需创建对应的实例即可轻松实现此功能. 部件对应的html文件代码如下: <div> <div dojoType="dijit.Dialog" dojoAttachPoint="testList" title="${title}" style=&

sharepoint中根据“是/否(复选框)”的值显示隐藏指定栏

sharepoint中根据“是/否(复选框)”的值显示隐藏指定栏 function HideColumn(targetColumn, hideColumn) { var columnObj = $("input[Title='" + hideColumn + "']"); $("input[Title='" + targetColumn + "']").bind('click',function() { if($(this).

HTML页面中A博娱乐复选框的操作方法

A博娱乐复选框在网页中很是常见,无论是电商网站,还是平台,只有有需要选择的地方就会见到复选的身影.接下来,是我之前写过的两个小demo,都是关于复选框的,希望会给大家带来帮助. 第一个是关于复选框全选反选的操作,当然我在里面还加了一个小功能,就是当选择底下尚品或者其他的东西的复选框全部为选中状态时则全选按钮也变为选中状态:反之亦然. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 3

extjs 中动态给gridpanel 复选框赋值

最近在搞extjs时需要动态根据数据给gridpanel的复选框赋值 网上看了很多 ,多不行,最后找到一个好使的方法 如下: RBACformPanel.getSelectionModel().select(0, true); 其中RBACformPanel就是你的gridpanel, select中的参数0表示grid第一列的对象,true表示将checkbox设置为true 即为勾选状态.

Extjs将gird中指定行的复选框勾选

在Extjs中,可以通过 selType添加复选框 Ext.define('ConnGrid', { title:'关联', extend: 'Ext.grid.Panel', xtype: 'checkbox-selection', store: connStore, selType: 'checkboxmodel', //复选框 ....此处省略... } ) var connGrid = Ext.create('ConnGrid'); 如果想要在表格加载数据时自动指定符合某个条件的数据自动

android listview中自定义适配器和复选框

下面的代码中报错了,代码如下 @Override p public View getView(final int position, final View convertView, final ViewGroup parent) { final ViewHolder viewHolder; View view = convertView; if (view == null) { view = LayoutInflater.from(mContext).inflate(R.layout.row,

关于netbeans中的JComboBox(复选框)

以最近写的选课系统中添加课程项为例 1.往复选框中放入选项(根据数据库添加) (1)首先将  属性—>model中默认Item1234清空 (2)获得数据库中的数据并放入. SelectCourseView scv=new SelectCourseView(); int selectIndex=-1; SysCourseDao scd=new SysCourseDaoImpl(); List<CourseView> courselist = scd.queryAllCourse(); /

mui开发中获取单选按钮、复选框的值

js获取单选按钮的值 function getVals(){ var res = getRadioRes('rds'); if(res == null){mui.toast('请选择'); return;} mui.toast(res); } function getRadioRes(className){ var rdsObj = document.getElementsByClassName(className); var checkVal = null; for(i = 0; i < rd

delphi一次性批量在TScrollBox中显示N个复选框TCheckBox的源码

unit Unit1; interface uses Winapi.Windows, Winapi.Messages, System.SysUtils, System.Variants, System.Classes, Vcl.Graphics, Vcl.Controls, Vcl.Forms, Vcl.Dialogs, Vcl.StdCtrls; type TForm1 = class(TForm) ScrollBox1: TScrollBox; Button1: TButton; proce