将TableView中的CheckBox检查状态绑定到自定义模型属性

Question

我有一个包含两列TableView的QML应用程序。其中一个是CheckBox。现在我创建了一个从QAbstractTableModel派生的模型。读取普通文本列的数据已经有效但如何将CheckBox的checked属性与模型同步？

目前我甚至无法通过模型设置它。您可以在下面找到相关代码。

tablemodel.cpp

TableModel::TableModel(QObject *parent) :
QAbstractTableModel(parent)
{
   list.append("test1");
   list.append("test2");
}

int TableModel::rowCount(const QModelIndex &parent) const
{
   Q_UNUSED(parent);
   return list.count();
}

int TableModel::columnCount(const QModelIndex &parent) const
{
    Q_UNUSED(parent);
    return 2;
}

QVariant TableModel::data(const QModelIndex & index, int role) const {

if (index.row() < 0 || index.row() >= list.count())
    return QVariant();

if (role == NameRole)
    return list[index.row()]

else if (role== EnabledRole){
   //list is not QList<QString>, its a custom class saving a String and a boolean for the checked state
   return list[index.row()].isEnabled();
   }
   else {
      return QVariant();
   }
}

QHash<int, QByteArray> TableModel::roleNames() const {
   QHash<int, QByteArray> roles;
   roles[NameRole] = "name";
   roles[EnabledRole] = "enabled";
   return roles;
}

tablemodel.hpp

class TableModel : public QAbstractTableModel
{
Q_OBJECT
public:
enum Roles {
   NameRole = Qt::UserRole + 1,
   EnabledRole
};

explicit TableModel(QObject *parent = 0);

int rowCount(const QModelIndex &parent = QModelIndex()) const;
int columnCount(const QModelIndex & parent = QModelIndex()) const;
Q_INVOKABLE QVariant data (const QModelIndex & index, int role) const;

protected:
   QHash<int, QByteArray> roleNames() const;
private:
   QList<QString> list;

main.qml

TableView {

   id: Table
   model:  TableModel

   TableViewColumn {
      role: "name"
   }

   TableViewColumn {
      role: "enabled"
      delegate: CheckBox {
         //how to get the right state from the model
         //checked: ??
      }
   }
}

的main.cpp

QQmlApplicationEngine engine;
QQmlContext * context = new QQmlContext(engine.rootContext());

TableModel tableModel;
context->setContextProperty("tableModel",&tableModel);

QQmlComponent component(&engine, QUrl("qrc:///main.qml"));
QQuickWindow * window = qobject_cast<QQuickWindow*>(component.create(context));
window->show();

Answer 1

点击复选框后，您可以从qml发出信号;将此信号连接到您的模型插槽并执行某些操作

main.qml

TableView {
id: table
objectName: "myTable"
signal checkedChanged(int index, bool cheked)
TableViewColumn {
  role: "enabled"
  delegate: CheckBox {
     onClicked: table.checkedChanged(styleData.row, checked);
  }
}

的main.cpp

QQuickItem *obj = engine.rootObjects().at(0)->findChild<QQuickItem*>(QStringLiteral("myTable"));
QObject::connect(obj,SIGNAL(checkedChanged(int,bool)),tableModel,SLOT(mySlot(int,bool)));