QAbstractTableModel + QML TableView: How to call setData?
-
@Bremenpl said in QAbstractTableModel + QML TableView: How to call setData?:
Now I only need to figure out either headerData can be utilized and that would be it.
I'm afraid that part has not been developed by Qt yet
We’re also working on a TableHeader, TableModel, as well as a DelegateChooser.
-
Not exactly what I would call a header. There's this: https://doc.qt.io/qt-5/qml-qtquick-tableview.html#overlays-and-underlays but it's far from anything that is actually useful
-
Not exactly what I would call a header. There's this: https://doc.qt.io/qt-5/qml-qtquick-tableview.html#overlays-and-underlays but it's far from anything that is actually useful
@VRonin Yes, I have just checked this. It overlaps my first row... Do you know either rows inserting and removing work? Meaning- If I remove or insert a row at runtime, will it update the view?
This seems to still be a very beta thing, I wonder either old or new controls should be used. -
Hello there,
I have a custom model class subclassing theQAbstractTableModel. On the QML side, I have aTableViewcomponent. I am trying to connect those 2 things. As for now, I have the TableView reading the data correctly using thedatamethod on C++ side.Now, I am editing the cells on the QML side and after I am done, I dont know how to make the TreeView call the
setDatamethod. I could call it by hand, but the problem is that it requires a validQModelIndexobject:bool setData(const QModelIndex &index, const QVariant &value, int role = Qt::EditRole) override;I dont know how to create one one the QML side. I think there should be a method to call it indirectly from QML, but I dont know how. I would appreciate all help regarding this issue. This is my QML test component:
import QtQuick 2.12 import QtQuick.Controls 2.3 import QtQuick.Controls 1.4 import QtGraphicalEffects 1.0 import "." Popup { id: thePopup; modal: true; focus: true; closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutside; leftPadding: 0; rightPadding: 0; topPadding: 0; bottomPadding: 0; property real closeMargin: 20; property real localScale: 1; property real fontSizeVal: 15; property Ucolors cg; property variant tableModel; Rectangle { id: popRect; width: parent.width; height: parent.height; color: cg.canvas; TableView { anchors.fill: parent; model: tableModel; // TEMP solution TableViewColumn {title: "1"; role: tableModel ? tableModel.role(0) : ""; width: 70 } TableViewColumn {title: "2"; role: tableModel ? tableModel.role(1) : ""; width: 70 } TableViewColumn {title: "3"; role: tableModel ? tableModel.role(2) : ""; width: 70 } itemDelegate: Rectangle { id: delegateRec; color: colGlob.canvas; Text { id: theCellText; anchors { verticalCenter: parent.verticalCenter; left: parent.left; margins: 10; } //color: colGlob.text; text: tableModel ? styleData.value : ""; //font.pixelSize: fontSize; //font.family: Uconsts.roboFont.name; } MouseArea { id: cellMouseArea anchors.fill: parent; onClicked: { theCellText.visible = false; theLoader.visible = true; theLoader.item.forceActiveFocus(); } } Loader { id: theLoader; anchors { verticalCenter: parent.verticalCenter; left: parent.left; margins: 10; } height: parent.height; width: parent.width; visible: false; sourceComponent: visible ? theInputComp : undefined; Component { id: theInputComp; TextInput { id: textInputId; anchors.fill: parent; onEditingFinished: { console.log("Edited"); theLoader.visible = false; theCellText.visible = true; // TODO how to call setData? } } } } } } } }I also dont know how to force the QML TreeView to call the C++
headerDatamethod, but this is of less importance thansetData...
I would appreciate all help.@Bremenpl said in QAbstractTableModel + QML TableView: How to call setData?:
I also dont know how to force the QML TreeView to call the C++ headerData method
since you use QtQuick.Controls 1 TableView you need to use the TableViewColumn element, which only supports roles.
So you can add custom role names and forward those header roles to the headerData() method in the data() method.virtual QHash<int, QByteArray> roleNames() const { QHash<int, QByteArray> rn = QAbstractItemModel::roleNames(); rn[MyHeaderRole1] = QByteArrayLiteral("header1"); return rn; } QVariantdata(const QModelIndex &index, int role = Qt::DisplayRole) const { switch( role ) { case MyHeaderRole1: return headerData(0, Qt::Horizontal); ... } return QVariant(); } -
@Bremenpl said in QAbstractTableModel + QML TableView: How to call setData?:
I also dont know how to force the QML TreeView to call the C++ headerData method
since you use QtQuick.Controls 1 TableView you need to use the TableViewColumn element, which only supports roles.
So you can add custom role names and forward those header roles to the headerData() method in the data() method.virtual QHash<int, QByteArray> roleNames() const { QHash<int, QByteArray> rn = QAbstractItemModel::roleNames(); rn[MyHeaderRole1] = QByteArrayLiteral("header1"); return rn; } QVariantdata(const QModelIndex &index, int role = Qt::DisplayRole) const { switch( role ) { case MyHeaderRole1: return headerData(0, Qt::Horizontal); ... } return QVariant(); }@raven-worx thanks for answer. The thing is that at this point I am not certain anymore which version TableView I should opt for. On one hand I dont want to use the obsolete component which has columns and roles functionality mixed, and on the other this.new one doesnt seem to be ready for usage.
-
@raven-worx thanks for answer. The thing is that at this point I am not certain anymore which version TableView I should opt for. On one hand I dont want to use the obsolete component which has columns and roles functionality mixed, and on the other this.new one doesnt seem to be ready for usage.
@Bremenpl said in QAbstractTableModel + QML TableView: How to call setData?:
and on the other this.new one doesnt seem to be ready for usage.
Based on the example from the docs (untested though):
TableView { id: tableView columnWidthProvider: function (column) { var colWidth = ...; var headerItem = headerRepeater.itemAt(column) if( headerItem ) headerItem.width = colWidth; return colWidth; } topMargin: header.height Row { id: header height: 40 width: implicitWidth padding: 0 spacing: 0 Repeater { id: headerRepeater model: tableView.columns Item { height: parent.height // your column delegate } } } }Could be easier/built-in indeed, but i think this should work (with minor adaptions probably).
QAbstractItemModel::headerData() is directly invokable from within QML
-
@raven-worx thanks for answer. The thing is that at this point I am not certain anymore which version TableView I should opt for. On one hand I dont want to use the obsolete component which has columns and roles functionality mixed, and on the other this.new one doesnt seem to be ready for usage.
@Bremenpl said in QAbstractTableModel + QML TableView: How to call setData?:
On one hand I dont want to use the obsolete component which has columns and roles functionality mixed, and on the other this.new one doesnt seem to be ready for usage.
I'm not aware of a possibility to use headers directly even in the old tebleview
-
@Bremenpl said in QAbstractTableModel + QML TableView: How to call setData?:
and on the other this.new one doesnt seem to be ready for usage.
Based on the example from the docs (untested though):
TableView { id: tableView columnWidthProvider: function (column) { var colWidth = ...; var headerItem = headerRepeater.itemAt(column) if( headerItem ) headerItem.width = colWidth; return colWidth; } topMargin: header.height Row { id: header height: 40 width: implicitWidth padding: 0 spacing: 0 Repeater { id: headerRepeater model: tableView.columns Item { height: parent.height // your column delegate } } } }Could be easier/built-in indeed, but i think this should work (with minor adaptions probably).
QAbstractItemModel::headerData() is directly invokable from within QML
@raven-worx Thanks for answer, but I am really lost at this one. What is supposed to be my column delegate?
I am playing with this new
TableViewfor over an hour now and I am not even able to set variable columns width (when the container width change). I wonder either this is a bug or a feature. -
@Bremenpl said in QAbstractTableModel + QML TableView: How to call setData?:
On one hand I dont want to use the obsolete component which has columns and roles functionality mixed, and on the other this.new one doesnt seem to be ready for usage.
I'm not aware of a possibility to use headers directly even in the old tebleview
-
@raven-worx Thanks for answer, but I am really lost at this one. What is supposed to be my column delegate?
I am playing with this new
TableViewfor over an hour now and I am not even able to set variable columns width (when the container width change). I wonder either this is a bug or a feature.@Bremenpl said in QAbstractTableModel + QML TableView: How to call setData?:
What is supposed to be my column delegate?
what every you want it to look like. A Rectangle with a Text inside maybe?
-
@Bremenpl said in QAbstractTableModel + QML TableView: How to call setData?:
What is supposed to be my column delegate?
what every you want it to look like. A Rectangle with a Text inside maybe?
@raven-worx I tried a simple
Textcomponent and all that was visible was a single text (not sure either they were stacked one on another).Arent you guys aware any single code example showing how to do this all from ground up?
-
@VRonin Yes, I have just checked this. It overlaps my first row... Do you know either rows inserting and removing work? Meaning- If I remove or insert a row at runtime, will it update the view?
This seems to still be a very beta thing, I wonder either old or new controls should be used.I understand and share your frustration on the state of views in QML, development has been focused on components that work well on mobile platforms (as QtWidgets is not really an option there) so views have been neglected.
@Bremenpl said in QAbstractTableModel + QML TableView: How to call setData?:
Do you know either rows inserting and removing work?
It does, the example I linked actually does it
I have just checked this. It overlaps my first row
looks like you forgot the
topMargin: header.implicitHeightpart -
@raven-worx I tried a simple
Textcomponent and all that was visible was a single text (not sure either they were stacked one on another).Arent you guys aware any single code example showing how to do this all from ground up?
@Bremenpl said in QAbstractTableModel + QML TableView: How to call setData?:
I tried a simple Text component and all that was visible was a single text (not sure either they were stacked one on another).
maybe there is only 1 column?
is your model's columnCount() method called? -
@Bremenpl said in QAbstractTableModel + QML TableView: How to call setData?:
I tried a simple Text component and all that was visible was a single text (not sure either they were stacked one on another).
maybe there is only 1 column?
is your model's columnCount() method called?@raven-worx It is. I will give it another go, thank you.
-
I understand and share your frustration on the state of views in QML, development has been focused on components that work well on mobile platforms (as QtWidgets is not really an option there) so views have been neglected.
@Bremenpl said in QAbstractTableModel + QML TableView: How to call setData?:
Do you know either rows inserting and removing work?
It does, the example I linked actually does it
I have just checked this. It overlaps my first row
looks like you forgot the
topMargin: header.implicitHeightpart@VRonin Thanks for answer. I did snap a little bit, sorry for that...
I will give the newTableViewanother go according to yours and @raven-worx hints but as for now I think the Version 1 is more complete. The only lacking thing is to make theTreeViewto callsetDataautomatically (I only got this working in the new version). In the 1st version I am still calling a wrapper for it.Thank you for help guys.
