QtQuick: view allowing multiple selection at cell level

Question

I'd like to implement a table view, using QtQuick, allowing multiple selection at cell level, emulating the behaviour of old style QTableView with QAbstractItemView::SelectItems and QAbstractItemView::ExtendedSelection flags enabled.

Which of the QtQuick components may I use?

Did you take a look at QML TableView http://doc.qt.io/qt-5/qml-qtquick-controls-tableview.html#details ? — DuKes0mE, Dec 16 '16 at 13:05
Of course! GridView page, in Qt docs, about GridView's selection: "This property contains the current row-selection of the TableView" — user2417938, Dec 16 '16 at 13:46

score 1 · Answer 1 · answered Dec 16 '16 at 15:32

TableViewonly allow to select rows by default, but you can override the selection behavior by customizing its cell delegate (itemDelegate).

First you'll have to disable the default selection behavior with :

selectionMode: SelectionMode.NoSelection

Then in the itemDelegate you can do something like that :

        itemDelegate: Item {
            property bool isSelected: false

            // When user clicks on a cell, turn the isSelected flag on
            MouseArea {
                anchors.fill: parent
                onClicked: isSelected = !isSelected
            }


            Text {
                anchors.verticalCenter: parent.verticalCenter

                // If this cell is selected, color the text in blue
                color: isSelected ? "blue" : "black"

                text: styleData.value
            }
        }

Be careful as the signals emitted by your TableView will not work as your cells are accepting mouse events. But of course you can implement them easily if you need them.

Useful, thanks! Still missing a way to allow selection by mouse drag... — user2417938, Dec 17 '16 at 13:21
Should be possible if you define a [DropArea](http://doc.qt.io/qt-5/qml-qtquick-droparea.html) on the cells — DuKes0mE, Dec 19 '16 at 10:28

QtQuick: view allowing multiple selection at cell level

1 Answers1