QtQuick：允许在单元格级别进行多项选择的视图

Question

我想实现一个表格视图，使用QtQuick，允许在单元格级别进行多项选择，模拟旧样式QTableView 的行为，启用QAbstractItemView::SelectItems 和QAbstractItemView::ExtendedSelection 标志。

我可以使用哪些QtQuick 组件？

Answer 1

TableView默认情况下只允许选择行，但您可以通过自定义其单元格委托 (itemDelegate) 来覆盖选择行为。

首先，您必须使用以下命令禁用默认选择行为：

selectionMode: SelectionMode.NoSelection

然后在itemDelegate 你可以做类似的事情：

        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
            }
        }

请注意，TableView 的 signals emitted 将不起作用，因为您的单元格正在接受鼠标事件。当然，如果需要，您可以轻松实现它们。