add book

Qt6QMLBeginnersCode/11-ModelViewArchitecture/11-TableView/CMakeLists.txt

@@ -0,0 +1,40 @@
+# Copyright (c) Daniel Gakwaya.
+# SPDX-License-Identifier: MIT
+
+cmake_minimum_required(VERSION 3.16)
+
+project(11-TableView VERSION 0.1 LANGUAGES CXX)
+
+set(CMAKE_CXX_STANDARD_REQUIRED ON)
+
+find_package(Qt6 6.5 REQUIRED COMPONENTS Quick QuickControls2)
+
+qt_standard_project_setup(REQUIRES 6.5)
+
+qt_add_executable(app11-TableView
+    main.cpp
+)
+
+qt_add_qml_module(app11-TableView
+    URI 11-TableView
+    VERSION 1.0
+    QML_FILES Main.qml
+)
+
+set_target_properties(app11-TableView PROPERTIES
+    MACOSX_BUNDLE_GUI_IDENTIFIER my.example.com
+    MACOSX_BUNDLE_BUNDLE_VERSION ${PROJECT_VERSION}
+    MACOSX_BUNDLE_SHORT_VERSION_STRING ${PROJECT_VERSION_MAJOR}.${PROJECT_VERSION_MINOR}
+    MACOSX_BUNDLE TRUE
+    WIN32_EXECUTABLE TRUE
+)
+
+target_link_libraries(app11-TableView
+    PRIVATE Qt6::Quick Qt6::QuickControls2
+)
+
+install(TARGETS app11-TableView
+    BUNDLE DESTINATION .
+    LIBRARY DESTINATION ${CMAKE_INSTALL_LIBDIR}
+    RUNTIME DESTINATION ${CMAKE_INSTALL_BINDIR}
+)

Qt6QMLBeginnersCode/11-ModelViewArchitecture/11-TableView/Main.qml

@@ -0,0 +1,128 @@
+// Copyright (c) Daniel Gakwaya.
+// SPDX-License-Identifier: MIT
+
+import QtQuick
+import QtQuick.Controls
+import Qt.labs.qmlmodels
+
+ApplicationWindow {
+    width: 680
+    height: 400
+    visible: true
+
+    HorizontalHeaderView {
+        id: horizontalHeader
+        anchors.left: tableViewId.left
+        anchors.top: parent.top
+        syncView: tableViewId
+
+    }
+
+    VerticalHeaderView {
+        id: verticalHeader
+        anchors.top: tableViewId.top
+        anchors.left: parent.left
+        syncView: tableViewId
+    }
+
+
+    TableModel {
+        id: tableModelId
+        TableModelColumn { display: "checked" }
+        TableModelColumn { display: "amount" }
+        TableModelColumn { display: "fruitType" }
+        TableModelColumn { display: "fruitName" }
+        TableModelColumn { display: "fruitPrice" }
+
+        // Each row is one type of fruit that can be ordered
+        rows: [
+            {
+                // Each property is one cell/column.
+                checked: false,
+                amount: 1,
+                fruitType: "Apple",
+                fruitName: "Granny Smith",
+                fruitPrice: 1.50
+            },
+            {
+                checked: true,
+                amount: 4,
+                fruitType: "Orange",
+                fruitName: "Navel",
+                fruitPrice: 2.50
+            },
+            {
+                checked: false,
+                amount: 1,
+                fruitType: "Banana",
+                fruitName: "Cavendish",
+                fruitPrice: 3.50
+            }
+        ]
+    }
+
+    TableView {
+        id: tableViewId
+        anchors.left: verticalHeader.right
+        anchors.top: horizontalHeader.bottom
+        anchors.right: parent.right
+        anchors.bottom: parent.bottom
+
+        columnSpacing: 1
+        rowSpacing: 1
+
+        model: tableModelId
+
+        /*
+        delegate:  TextInput {
+            text: model.display
+            padding: 12
+            selectByMouse: true
+
+            onAccepted: model.display = text
+
+            Rectangle {
+                anchors.fill: parent
+                color: "#efefef"
+                z: -1
+            }
+        }
+        */
+
+
+        delegate: DelegateChooser {
+            DelegateChoice {
+                column: 0
+                delegate: CheckBox {
+                    checked: model.display
+                    onToggled: model.display = checked
+                }
+            }
+            DelegateChoice {
+                column: 1
+                delegate: SpinBox {
+                    value: model.display
+                    onValueModified: model.display = value
+                }
+            }
+            DelegateChoice {
+                delegate: TextField {
+                    text: model.display
+                    selectByMouse: true
+                    implicitWidth: 140
+                    onAccepted: model.display = text
+                }
+            }
+        }
+    }
+
+
+    Button{
+        text: "See the data"
+        anchors.bottom: parent.bottom
+        onClicked: {
+            console.log(tableModelId.data(tableModelId.index(0,0),"display"))
+        }
+    }
+
+}

Qt6QMLBeginnersCode/11-ModelViewArchitecture/11-TableView/main.cpp

@@ -0,0 +1,21 @@
+// Copyright (c) Daniel Gakwaya.
+// SPDX-License-Identifier: MIT
+
+#include <QGuiApplication>
+#include <QQmlApplicationEngine>
+#include <QQuickStyle>
+
+
+int main(int argc, char *argv[])
+{
+    QGuiApplication app(argc, argv);
+
+    QQmlApplicationEngine engine;
+    QQuickStyle::setStyle("Material");
+    QObject::connect(&engine, &QQmlApplicationEngine::objectCreationFailed,
+        &app, []() { QCoreApplication::exit(-1); },
+        Qt::QueuedConnection);
+    engine.loadFromModule("11-TableView", "Main");
+
+    return app.exec();
+}