A nicely exposed QSortFilterProxyModel for QML
Go to file
Michał 0141cab5ef
Merge pull request #6 from status-im/fix/improper-model-reset-disconnection
Prevent disconnecting `modelReset` when the same `sourceModel` is set
2024-10-16 12:33:34 +02:00
docs doc: improve and regenerate doc 2020-02-02 16:27:46 +01:00
filters clazy fixes 2023-07-19 10:50:21 +02:00
proxyroles clazy fixes 2023-07-19 10:50:21 +02:00
sorters fix: Revert commit - Improve sorting performance 2024-02-06 10:10:58 +02:00
tests feat: Add Sorter.priority property 2020-02-02 13:39:47 +01:00
.gitignore chore: use target_compile_features for setting lang standard 2022-07-19 16:53:50 +02:00
CMakeLists.txt chore: add qqsfpm::registerTypes() 2022-07-19 17:00:52 +02:00
LICENSE Initial commit 2016-02-24 03:01:22 +01:00
README.md Cmake support (#55) 2018-10-20 00:27:31 +02:00
SortFilterProxyModel.pri feat: Add FilterRole role type 2018-09-30 03:00:36 +02:00
SortFilterProxyModel.qbs Add SortFilterProxyModel.qbs for inclusion into Qbs projects (#89) 2021-05-03 22:51:37 +02:00
index.qdoc doc: improve and regenerate doc 2020-02-02 16:27:46 +01:00
offline.css doc: improve and regenerate doc 2020-02-02 16:27:46 +01:00
qpm.json Add qpm description 2016-02-24 03:28:13 +01:00
qqmlsortfilterproxymodel.cpp Prevent disconnecting modelReset when the same sourceModel is set 2024-10-16 11:48:39 +02:00
qqmlsortfilterproxymodel.h clazy fixes 2023-07-19 10:50:21 +02:00
qqmlsortfilterproxymodeltypes.cpp chore: add qqsfpm::registerTypes() 2022-07-19 17:00:52 +02:00
qqmlsortfilterproxymodeltypes.h chore: add qqsfpm::registerTypes() 2022-07-19 17:00:52 +02:00
sortfilterproxymodel.qdocconf doc: improve and regenerate doc 2020-02-02 16:27:46 +01:00

README.md

SortFilterProxyModel

SortFilterProxyModel is an implementation of QSortFilterProxyModel conveniently exposed for QML.

Install

With qpm :
  1. qpm install fr.grecko.sortfilterproxymodel
  2. add include(vendor/vendor.pri) in your .pro if it is not already done
  3. import SortFilterProxyModel 0.2 to use this library in your QML files
Without qpm :
  1. clone or download this repository
    • qmake add include (<path/to/SortFilterProxyModel>/SortFilterProxyModel.pri) in your .pro
    • CMake add $<TARGET_OBJECTS:SortFilterProxyModel> to the sources of your executable target in your cmake project
  2. import SortFilterProxyModel 0.2 to use this library in your QML files

Sample Usage

  • You can do simple filtering and sorting with SortFilterProxyModel:
import QtQuick 2.2
import QtQuick.Controls 1.2
import SortFilterProxyModel 0.2

ApplicationWindow {
    visible: true
    width: 640
    height: 480

    ListModel {
        id: personModel
        ListElement {
            firstName: "Erwan"
            lastName: "Castex"
            favorite: true
        }
        // ...
    }

    TextField {
        id: textField
        anchors { top: parent.top; left: parent.left; right: parent.right }
        height: implicitHeight
    }

    SortFilterProxyModel {
        id: personProxyModel
        sourceModel: personModel
        filters: RegExpFilter {
            roleName: "lastName"
            pattern: textField.text
            caseSensitivity: Qt.CaseInsensitive
        }
        sorters: StringSorter { roleName: "firstName" }
    }

    ListView {
        anchors { top: textField.bottom; bottom: parent.bottom; left: parent.left; right: parent.right }
        model: personProxyModel
        delegate: Text { text: model.firstName + " " + model.lastName}
    }
}

Here the ListView will only show elements that contains the content of the TextField in their lastName role.

  • But you can also achieve more complex filtering or sorting with multiple filters and sorters:
    SortFilterProxyModel {
        id: personProxyModel
        sourceModel: personModel
        filters: [
            ValueFilter {
                enabled: onlyShowFavoritesCheckbox.checked
                roleName: "favorite"
                value: true
            },
            AnyOf {
                RegExpFilter {
                    roleName: "lastName"
                    pattern: textField.text
                    caseSensitivity: Qt.CaseInsensitive
                }
                RegExpFilter {
                    roleName: "firstName"
                    pattern: textField.text
                    caseSensitivity: Qt.CaseInsensitive
                }
            }
        ]
        sorters: [
            RoleSorter { roleName: "favorite"; sortOrder: Qt.DescendingOrder },
            StringSorter { roleName: "firstName" },
            StringSorter { roleName: "lastName" }
        ]
    }

    CheckBox {
        id:onlyShowFavoritesCheckbox
    }

This will show in the corresponding ListView only the elements where the firstName or the lastName match the text entered in the textField, and if the onlyShowFavoritesCheckbox is checked it will aditionnally filter the elements where favorite is true. The favorited elements will be shown first and all the elements are sorted by firstName and then lastName.

Showcase Application

You can find an application showcasing this library here: https://github.com/oKcerG/SFPMShowcase

License

This library is licensed under the MIT License.

Documentation

This component is a subclass of QSortFilterProxyModel, to use it, you need to set the sourceModel property to a QAbstractItemModel* with correct role names. This means you can use it with custom c++ models or ListModel, but not with JavaScript models like arrays, integers or object instances.

The complete documentation reference is available here: https://okcerg.github.io/SortFilterProxyModel/

Contributing

Don't hesitate to open an issue about a suggestion, a bug, a lack of clarity in the documentation, etc.

Pull requests are also welcome, if it's a important change you should open an issue first though.