Qml/Qtc ：當底層Qtc ListModel發生變化時如何自動更新QmlListView中的專案？-有解無憂

基于來自 Qt 的示例視頻（ToDo 示例），我創建了一個基于 ListView 的 Qt/Qml 應用程式。

Qml 中 ListView 的資料來自基于 QAbstractListModel 的 c 類。c 模型類由資料庫中的資料填充。

這一切都很好。

我在 Qml 檔案中添加了一個按鈕，該按鈕呼叫 c 代碼中從遠程源獲取資料的方法（即發出 https 請求）。https 回應資料當然與發出 http 請求的方法是異步的。

c https 回應處理程式中的除錯行確認回應接收正常。我將回應保存到資料庫。

如果我關閉應用程式并重新打開它，新資料將顯示在 Qml 串列中，因為再次打開應用程式時，c 模型是從 db.xml 填充的。

但我真正需要的是，在將資料保存到 https 回應處理程式中的資料庫后，我還將新資料推送到 Qml ListView，這樣我就不必重新啟動應用程式來重繪更新的串列資料。

不幸的是，我不知道如何將新資料從 c 推送到 Qml。我嘗試了多種方法（來自 c 的信號、Qml 中的插槽、從 c 讀取更新的串列等），但到目前為止沒有任何效果。

我知道這與按鈕在 c 中啟動 http 請求有關，該請求不是同步處理的，而是在作為 http 回應處理程式的插槽函式中處理的。

但不幸的是，我不知道如何解決這個問題。

我將不勝感激。

注意：以下示例實際上來自 Mitch Curtis在 QML 中使用 C 模型 - 待辦事項串列的關于 Qt 模型/視圖的優秀 YouTube 視頻！

但是我的代碼非常相似，只是我想添加一個按鈕來更改基于 https 回應的描述：

The c   files providing the listdata: 
todolist.h and todolist.cpp
=============================================================


#ifndef TODOLIST_H
#define TODOLIST_H

#include <QObject>
#include <QVector>

struct ToDoItem
{
    bool done;
    QString description;
};

class ToDoList : public QObject
{
    Q_OBJECT
public:
    explicit ToDoList(QObject *parent = nullptr);

    QVector<ToDoItem> items() const;

    bool setItemAt(int index, const ToDoItem &item);

signals:
    void preItemAppended();
    void postItemAppended();

    void preItemRemoved(int index);
    void postItemRemoved();

public slots:
    void appendItem();
    void removeCompletedItems();

private:
    QVector<ToDoItem> m_Items;
};
=======================================================================
#include "todolist.h"

ToDoList::ToDoList(QObject *parent) : QObject(parent)
{
    m_Items.append({ true, QStringLiteral("Wash the car") });
    m_Items.append({ false, QStringLiteral("Fix the sink") });
    m_Items.append({ true, QStringLiteral("Wash the dishes") });
}

QVector<ToDoItem> ToDoList::items() const
{
    return m_Items;
}

bool ToDoList::setItemAt(int index, const ToDoItem &item)
{
    if (index <0 || index >= m_Items.size()) {
        return false;
    }

    const ToDoItem &oldItem = m_Items.at(index);
    bool nothingChanged = oldItem.done == item.done
                            && oldItem.description == item.description;
    if(nothingChanged) {
        return false;
    }

    m_Items[index] = item;
    return true;
}

void ToDoList::appendItem()
{
    emit preItemAppended();

    ToDoItem item;
    item.done = false;
    m_Items.append(item);

    emit postItemAppended();

}

void ToDoList::removeCompletedItems()
{
    for (int i = 0; i < m_Items.size();) {
        if(!m_Items[i].done) {
              i;
            continue;
        }
        //otherwise...
        emit preItemRemoved(i);

        m_Items.removeAt(i);

        emit postItemRemoved();
    }
}


###################################################################

The c   files implementing the listmodel: 
todomodel.h and todomodel.cpp
==================================================

#ifndef TODOMODEL_H
#define TODOMODEL_H

#include <QAbstractListModel>

class ToDoList;

class TodoModel : public QAbstractListModel
{
    Q_OBJECT
    Q_PROPERTY(ToDoList *list READ list WRITE setList)

public:
    explicit TodoModel(QObject *parent = nullptr);
    enum {
        DoneRole = Qt::UserRole,
        DescriptionRole
    };

    // Basic functionality:
    int rowCount(const QModelIndex &parent = QModelIndex()) const override;

    QVariant data(const QModelIndex &index, int role = Qt::DisplayRole) const override;

    // Editable:
    bool setData(const QModelIndex &index, const QVariant &value,
                 int role = Qt::EditRole) override;

    Qt::ItemFlags flags(const QModelIndex& index) const override;

    virtual QHash<int, QByteArray> roleNames() const override;

    ToDoList *list() const;
    void setList(ToDoList *newList);

private:
    ToDoList *m_List;
};

#endif // TODOMODEL_H


===================================================================


#include "todomodel.h"
#include "todolist.h"

TodoModel::TodoModel(QObject *parent)
    : QAbstractListModel(parent)
    , m_List(nullptr)
{
}

int TodoModel::rowCount(const QModelIndex &parent) const
{
    // For list models only the root node (an invalid parent) should return the list's size. For all
    // other (valid) parents, rowCount() should return 0 so that it does not become a tree model.
    if (parent.isValid() || !m_List)
        return 0;

    return m_List->items().size();
}

QVariant TodoModel::data(const QModelIndex &index, int role) const
{
    if (!index.isValid() || !m_List)
        return QVariant();

    const ToDoItem item = m_List->items().at(index.row());
    switch (role) {
    case DoneRole:
       return QVariant(item.done);

    case DescriptionRole:
       return QVariant(item.description);
    }

    return QVariant();
}

bool TodoModel::setData(const QModelIndex &index, const QVariant &value, int role)
{
    if (!m_List) {
        return false;
    }

    ToDoItem item = m_List->items().at(index.row());
    switch (role) {
    case DoneRole:
       item.done = value.toBool();
        break;
    case DescriptionRole:
       item.description = value.toByteArray();
        break;
    }

    if (m_List->setItemAt(index.row(), item)) {
        emit dataChanged(index, index, QVector<int>() << role);
        return true;
    }
    return false;
}

Qt::ItemFlags TodoModel::flags(const QModelIndex &index) const
{
    if (!index.isValid())
        return Qt::NoItemFlags;

    return Qt::ItemIsEditable;
}

QHash<int, QByteArray> TodoModel::roleNames() const
{
    QHash<int, QByteArray> names;
    names[DoneRole] = "done";
    names[DescriptionRole] = "description";

    return names;
}

ToDoList *TodoModel::list() const
{
    return m_List;
}

void TodoModel::setList(ToDoList *newList)
{
    beginResetModel();

    if(m_List) {
        m_List->disconnect();
    }

    m_List = newList;

    if(!m_List) {
        endResetModel();
        return;
    }

    connect(m_List, &ToDoList::preItemAppended, this, [=]() {
        const int index = m_List->items().size();
        beginInsertRows(QModelIndex(), index, index);
    });
    connect(m_List, &ToDoList::postItemAppended, this, [=]() {
        endInsertRows();
    });

    connect(m_List, &ToDoList::preItemRemoved, this, [=](int index) {
        beginRemoveRows(QModelIndex(), index, index);
    });
    connect(m_List, &ToDoList::postItemRemoved, this, [=]() {
        endRemoveRows();
    });

    endResetModel();
}
#########################################################################

The View File: ToDoList.qml
Displays the data provided by the c   classes
============================================

import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.3

import ToDo 1.0

ColumnLayout {
    Frame {
        Layout.fillWidth: true

        ListView {
            implicitWidth: 250
            implicitHeight: 250
            clip: true
            anchors.fill: parent

            model: TodoModel {
                list: toDoList
            }

            delegate: RowLayout {
                width: parent.width

                CheckBox {
                    checked: model.done
                    onClicked: model.done=checked
                }
                TextField {
                    text: model.description
                    onEditingFinished: model.desciption = text
                    Layout.fillWidth: true
                }
            }
        }

    }

    RowLayout {
        Button {
            text: qsTr("Add new item")
            onClicked: toDoList.appendItem()
            Layout.fillWidth: true
        }

        Button {
            text: qsTr("Remove Completed Items")
            onClicked: toDoList.removeCompletedItems()
            Layout.fillWidth: true
        }
    }
}

uj5u.com熱心網友回復：

每當模型發生變化時，我們都應該通知視圖。參考這個鏈接：

當模型更改時，QML 視圖會自動更新。請記住，模型必須遵循模型更改的標準規則，并在模型發生更改時通過使用 QAbstractItemModel::dataChanged()、QAbstractItemModel::beginInsertRows() 等通知視圖。有關詳細資訊，請參閱模型子類化參考。

以下是您如何增強示例以實作類似結果：
單擊Fetch data按鈕時，3 秒后，第一行的描述變為https。

todolist.h:

signals:
    void updateData();
public slots:
    void fetchData();

todolist.cpp:

void ToDoList::fetchData()
{
    QTimer::singleShot(3000, (QObject*)this, SIGNAL(updateData()));
}

todomodel.cpp:

connect(mList, &ToDoList::postItemRemoved, this, [=]() {
    endRemoveRows();
});

connect(mList, &ToDoList::updateData, this, [=]() {
    QVariant value = "https";
    QModelIndex index = createIndex(0,0);
    setData(index, value, DescriptionRole);
});

ToDoList.qml：

Button {
    text: qsTr("Remove completed")
    onClicked: toDoList.removeCompletedItems()
    Layout.fillWidth: true
}
Button {
    text: qsTr("Fetch data")
    onClicked: toDoList.fetchData()
    Layout.fillWidth: true
}

uj5u.com熱心網友回復：

感謝@ArunKumarB，我現在已經解決了我的問題。@ArunKumarB 評論的主要提示QModelIndex index = createIndex(0,0); 是，即如何將行索引轉換為 QModelIndex 物件。其余的主要是管道。

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/408612.html

標籤：

上一篇：使用DrawerLayout時沒有出現Listview

下一篇：避免兩個函式之間的代碼重復，但一個在代碼中間回傳