gistfile1.qml

SilicaListView {
            id: listView
            anchors.fill: parent

            header: SearchField {
                id: searchField
                width: parent.width
                placeholderText: "Search"
                onTextChanged: {
                    listView.model = spells.search(searchField.text)
                }
            }

            // prevent newly added list delegates from stealing focus away from the search field
            currentIndex: -1

            model: { spells.search("") }
            delegate: Item {
                height: Theme.itemSizeSmall
                width: parent.width
                Label { text: modelData }
                MouseArea {
                    anchors.fill: parent
                    onClicked: {
                        var text = spells.getFullText(modelData)
                        pageStack.push(Qt.resolvedUrl("SpellDetails.qml"), {"spellFullText": text})
                    }
                }
            }
        }