Использование DelegateModel

@MatrixKiller · Регистрация: 24.01.2017

Пробую DelegateModel. Не работает! Что не так?

Javascript

Window {
    width: 360
    height: 360
    visible: true
 
    Column {
        anchors.margins: 10
        anchors.fill: parent
        spacing: 10
 
        GridView {
            id: view
            width: parent.width
            height: parent.height - button.height - parent.spacing
            model: dataModel
 
            DelegateModel {
                id: dataModel
                model: ListModel {
                    //id: dataModel
                }
 
                delegate: Rectangle {
 
                    width: 40
                    height: 40
                    color: "skyblue"
 
                    Text {
                        anchors.centerIn: parent
                        text: model.index
                    }
                    MouseArea {
                        anchors.fill: parent
                        onClicked: dataModel.remove(model.index)
                    }
                }
            }
        }
 
        Rectangle {
            id: button
            width: 100
            height: 40
            anchors.horizontalCenter: parent.horizontalCenter
            border {
                color: "black"
                width: 1
            }
 
            Text {
                anchors.centerIn: parent
                renderType: Text.NativeRendering
                text: "Add"
            }
 
            MouseArea {
                anchors.fill: parent
                onClicked: dataModel.append({})
            }
        }
    }
}

Добавлено через 11 минут
Процесс завершется с кодом -1 и ничего не отображается.

Добавлено через 5 минут
Чувствую, что не правильно написал. Как правильно, не поможете?

Добавлено через 5 минут
Пока не надо отвечать. Разбираюсь сам.

Добавлено через 14 минут
Не запускалось из-за того что не написал import QtQml.Models 2.2.

Теперь запускается, но кнопка (Rectangle) не работает.

Пробовал вынести DataModel из грида, не помогает.

Я пас. Помогите, пожалуйста, разобраться.

Добавлено через 50 минут
Пишет ошибку при нажатии на кнопку:

TypeError: Property 'append' of object QQmlDelegateModel(0x2586fb0) is not a function

В чём дело? Да, нет ни свойства, ни функции append. Как так?

Вот так надо: dataModel.model.append({}).
Разобрался.

@insite2012 · 20.10.2020, 08:24

Сообщение от MatrixKiller

Пробую DelegateModel. Не работает! Что не так?

Не совсем понимаю о чем вы. Судя по коду, вы пытаетесь повторить второй пример из нулевой главы, так? Тогда вот этот пример в коде. Так работает.

C++ (Qt)

import QtQuick 2.12
import QtQuick.Window 2.12
 
Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
    Rectangle{
        anchors.fill: parent;
 
        ListModel{
            id: dataModel;
        }
        Column{
            anchors.fill: parent;
            anchors.margins: 10;
            spacing: 10;
            clip: true;
 
            ListView{
                id: view;
                width: parent.width;
                height: parent.height-button.height-parent.spacing;
                spacing: 10;
                clip: true;
 
                model: dataModel
                delegate: Rectangle{
                    width: view.width;
                    height: 40;
                    color: "skyblue";
 
                    Text{
                        anchors.centerIn: parent;
                        renderType: Text.NativeRendering;
                        text: model.index;
                    }
                }
            }
 
            Rectangle{
                id: button;
                width: 100;
                height: 40;
                anchors.horizontalCenter: parent.horizontalCenter;
                border{
                    color: "black";
                    width: 1;
                }
                radius: 5;
 
                Text{
                    anchors.centerIn: parent;
                    renderType: Text.NativeRendering;
                    font.pointSize: 15;
                    text: "ADD";
                }
 
                MouseArea{
                    anchors.fill: parent;
                    onClicked: {
                        dataModel.append({});
                    }
                }
            }
        }
    }
}

@MatrixKiller · 20.10.2020, 08:43 **[ТС]**

C DelegateModel балуюсь. Чё-то хотел с ним сделать. Пока потерял нить, нужен ли он.

@insite2012 · 20.10.2020, 08:44

Сообщение от MatrixKiller

Пока потерял нить, нужен ли он.

Я его не применял, не было необходимости.

@MatrixKiller · 20.10.2020, 09:27 **[ТС]**

Я его не применял, не было необходимости.

Хочу сделать вложенные модели-представления.
Например, для фалового менеджера: GridView-ListModel { TreeView-FileSystemModel }.
И вот, по-моему, тут DelegateModel и пригодится. Не знаю, пока, можно ли без него обойтись. С ним как-то логичнее получается.
Не делал вложенные модели-представления? Это возможно?

@insite2012 · 20.10.2020, 09:46

Сообщение от MatrixKiller

Не делал вложенные модели-представления? Это возможно?

Не делал, но думаю как-то это сделать можно. К примеру в модели есть список, его передавать в делегат и в делегате отрисовывать.

@MatrixKiller · 20.10.2020, 13:11 **[ТС]**

insite2012, ок, попробую. Для начала через DelegateModel.

Добавлено через 2 часа 1 минуту
Вот, сделал так:

Javascript

import QtQuick 2.15
import QtQuick.Window 2.15
import QtQml.Models 2.15
 
Window {
    width: 360
    height: 360
    visible: true
 
    Column {
        anchors.margins: 10
        anchors.fill: parent
        spacing: 10
 
            ListModel {
                id: visualModel
                ListElement { name: "Apple" }
                //ListElement { name: "Orange" }
            }
 
        GridView {
            id: view
            width: parent.width
            height: parent.height - button.height - parent.spacing
            model: DelegateModel {
                id: dataModel
                model: ListModel {
                    //id: dataModel
                }
 
                delegate: ListView {
                            anchors.fill: parent
                            model: visualModel
                            delegate: Rectangle {
                                Text { text: "Name: " + name}
                            }
                        }
            }
        }
 
        Rectangle {
            id: button
            width: 100
            height: 40
            anchors.horizontalCenter: parent.horizontalCenter
            border {
                color: "black"
                width: 1
            }
 
            Text {
                anchors.centerIn: parent
                renderType: Text.NativeRendering
                text: "Add"
            }
 
            MouseArea {
                anchors.fill: parent
                onClicked: dataModel.model.append({})
            }
        }
    }
}

Работает, но не совсем.
Почему-то все элементы лепятся в левый верхний угол экрана, а не так как я хотел: в грид.
Почемуможет быть такое?

@MatrixKiller 6 / 2 / 4 Регистрация: 24.01.2017 Сообщений: 124
	20.10.2020, 08:43 [ТС]	3
	C DelegateModel балуюсь. Чё-то хотел с ним сделать. Пока потерял нить, нужен ли он. 0

@insite2012 Модератор 5303 / 4098 / 1182 Регистрация: 12.10.2013 Сообщений: 11,909 Записей в блоге: 2
	20.10.2020, 08:44	4
	Сообщение от MatrixKiller Пока потерял нить, нужен ли он. Я его не применял, не было необходимости. 0

@MatrixKiller 6 / 2 / 4 Регистрация: 24.01.2017 Сообщений: 124
	20.10.2020, 09:27 [ТС]	5
	Я его не применял, не было необходимости. Хочу сделать вложенные модели-представления. Например, для фалового менеджера: GridView-ListModel { TreeView-FileSystemModel }. И вот, по-моему, тут DelegateModel и пригодится. Не знаю, пока, можно ли без него обойтись. С ним как-то логичнее получается. Не делал вложенные модели-представления? Это возможно? 0

@insite2012 Модератор 5303 / 4098 / 1182 Регистрация: 12.10.2013 Сообщений: 11,909 Записей в блоге: 2
	20.10.2020, 09:46	6
	Сообщение от MatrixKiller Не делал вложенные модели-представления? Это возможно? Не делал, но думаю как-то это сделать можно. К примеру в модели есть список, его передавать в делегат и в делегате отрисовывать. 0

Опции темы