Sorting listbox items as per the input provided by User in Qt/QML

Question

I am trying to sort a list of items in the QML listview, as per the input provided by user. I have written the logic for sorting but unable to set the sorted model. It seems the sorted model is not assigned tp the actual model used for the original ListView. Please have a look to the code and let me know if I am doing something wrong. //main.qml ``` import QtQuick 1.1 Rectangle { id: page width: 500; height: 400 color: "#edecec" ModifiedForSorting { id: search; focus: true } } ``` //ModifiedForSorting.qml ``` import QtQuick 1.1 FocusScope { id: focusScope width: 250; height: 28 Text { id: typeSomething anchors.fill: parent; anchors.leftMargin: 8 verticalAlignment: Text.AlignVCenter text: "Type here..." color: "gray" font.italic: true } MouseArea { anchors.fill: parent onClicked: { focusScope.focus = true; textInput.openSoftwareInputPanel(); } } TextInput { id: textInput anchors { left: parent.left; leftMargin: 8;rightMargin: 8; verticalCenter: parent.verticalCenter } focus: true selec…

Accepted Answer

Taking a look at your code I guess you mean filtering items, and not sorting.

In your functions you try to assign a string value `filteredItems` to the `listView.model` property. You're probably getting an explicit error for that in your application log.

To solve this error you can use an auxiliary `ListModel` and populate it with just the items that fits your filter. Try to replace all your code below the `listDelegate` Component with this:

```
    ListModel{ id: filteredModel }

function getSortedItems(searchTerm) {

// Clear the aux model
        filteredModel.clear();

// Add fitting items to the aux model
        for (var i = 0; i < namesModel.count; i++) {
            if (searchTerm === "" || namesModel.get(i).title.indexOf(searchTerm) === 0) {
                filteredModel.append(namesModel.get(i));
            }
        }

}

// The ListView:
    ListView {
        id: listView
        anchors.fill: parent; anchors.margins: 20
        model: filteredModel
        delegate: listDelegate
    }
```

Sorting listbox items as per the input provided by User in Qt/QML

Solution

Problem

Related problems