QML TableView + QAbstractTableModel - 如何从 QML 编辑模型数据

QML TableView + QAbstractTableModel - how edit model data from QML?

本文关键字：QML 编辑 模型 数据 TableView QAbstractTableModel      更新时间：2023-10-16

我从QAbstractTableModel继承了C++类，并覆盖了下一个函数：

virtual QHash<int, QByteArray> roleNames() const noexcept override;
virtual Qt::ItemFlags flags(const QModelIndex& index) const noexcept override;
virtual int rowCount(const QModelIndex& parent = QModelIndex()) const noexcept override;
virtual int columnCount(const QModelIndex& parent = QModelIndex()) const noexcept override;
virtual QVariant data(const QModelIndex& index, int role = Qt::DisplayRole) const noexcept override;
virtual bool removeRows(int row, int count, const QModelIndex& parent = QModelIndex()) noexcept override;
virtual bool insertRows(int row, int count, const QModelIndex& parent = QModelIndex()) noexcept override;
virtual bool setData(const QModelIndex& index, const QVariant& data, int role = Qt::EditRole) noexcept override;

模型有 3 列，第一列是只读的，最后一列是可编辑的，所以这是 flags（） 方法实现：

Qt::ItemFlags ObjectInitialStateModel::flags(const QModelIndex& index) const noexcept
{
    if (index.column() == 0)
    {
        return Qt::ItemIsEnabled | Qt::ItemNeverHasChildren;
    }
    else
    {
        return Qt::ItemIsEnabled | Qt::ItemIsEditable | Qt::ItemNeverHasChildren;
    }
}

在 QML 中，模型显示正常，但我不知道如何在 TableView 中编辑 2 列和 3 列的模型数据。我尝试编写列委托：

Item {
    id: item
    state: "labelMode"
    Text {
        id: textLabel
        text: styleData.value
        anchors.fill: parent
        renderType: Text.NativeRendering
    }
    TextField {
        id: textField
        text: styleData.value
        anchors.fill: parent
        Keys.onEnterPressed: commit()
        Keys.onReturnPressed: commit()
        Keys.onEscapePressed: rollback()
        function commit() {
            item.state = "labelMode"
        }
        function rollback() {
            item.state = "labelMode"
        }
    }
    MouseArea {
        id: mouseArea
        anchors.fill: parent
        onDoubleClicked: item.state = "editMode"
    }
    states: [
        State {
            name: "labelMode"
            PropertyChanges {
                target: textLabel
                visible: true
            }
            PropertyChanges {
                target: mouseArea
                visible: true
            }
            PropertyChanges {
                target: textField
                visible: false
            }
        },
        State {
            name: "editMode"
            PropertyChanges {
                target: textLabel
                visible: false
            }
            PropertyChanges {
                target: mouseArea
                visible: false
            }
            PropertyChanges {
                target: textField
                visible: true
                focus: true
            }
        }
    ]
}

但是我不知道如何在 commit（） 函数中正确为模型设置新数据。或者是否有另一种正确的方法可以在 QML 中使用可编辑的列和C++模型实现表？

我找到了一个解决方案：

  1. 将属性添加到委托：
property var cppModel
  1. 在列定义中设置此属性：
TableViewColumn {
    role: "u"
    title: qsTr("u(t)")
    width: initialStateTableView.width / 3
    delegate: EditableDelegate {
        cppModel: DataSetService.currentDataSet ? DataSetService.currentDataSet.initialStateModel : null
    }
}
  1. 在模型中实现新方法C++：
Q_INVOKABLE bool setData(int row, int column, const QVariant& data) noexcept;

调用默认 setData 方法

  1. 并从委托中的 commit（） 函数调用它：
function commit() {
    cppModel.setData(styleData.row, styleData.column, text)
    item.state = "labelMode"
}

但我认为这是一个丑陋的大黑客，如果有人知道更优雅的解决方案，请分享它......

除了roleNames()和data()之外，可编辑模型必须重新实现setData()函数以保存对现有数据的更改。在执行实际更新之前，该方法的以下版本会检查给定的模型索引是否有效以及角色是否等于 Qt::EditRole。根据模型的不同，您还可以/必须调用函数的父类版本：

bool EditableModel::setData(const QModelIndex &item, const QVariant &value, int role)
  {
      if (item.isValid() && role == Qt::EditRole) {
          // update logic
          emit dataChanged(item, item);
          return true;
      }
      return false;
  }

应该注意的是，与C++项视图（如QListView或QTableView）不同，setData()方法必须在适当的时候从QML显式调用。

相关文章：