Применение нужных настроек(цвет, ширина) в графике для определенных обьектов

import QtQuick 2.12

Item
{
    id: root

    property var  model
    property bool headers : false

    function getSize(column)
    {
        return tableView.model.getSizeLongString(column)
    }

    function foo(indexRow)
    {
        if (headers == true)
        {
            console.log("indexRow", headers)
            if (indexRow % 2 == 0)
            {
                delegateRect.color = "transparent";
                delegateRect.border.width = 0;
            }
            else
            {
                delegateRect.color = "#2C3033";
                delegateRect.border.width = 1;
            }
        }
        else
        {
            console.log("indexRow", headers)
            if (indexRow % 2 != 0)
            {
                delegateRect.color = "transparent";
                delegateRect.border.width = 0;
            }
            else
            {
                delegateRect.color = "#2C3033";
                delegateRect.border.width = 1;
            }
        }
    }

    Row
    {
        id: rowHeader

        anchors.top: parent.top
        anchors.left: parent.left
        anchors.right: parent.right
        height: visible ? 35 : 0
        visible: root.headers
        enabled: !root.headers

        Repeater
        {
            id: headerRepeater

            model: root.model.headerModel

            Rectangle
            {
                id: rectHeader

                width: root.model.getSizeLongString(index)
                border.color: "blue"
                height: 35

                Component.onCompleted:
                {
                    root.model.setHeaderItem(rectHeader);
                }

                Text
                {
                    width: 50

                    height: 35

                    anchors.fill: parent

                    text: root.model.headerData(modelData, Qt.Horizontal, "display")
                }
            }
        }
    }

    ListView
    {
        id: tableView

        anchors.top:  headers ? rowHeader.bottom : root.top
        anchors.left: parent.left
        anchors.right: parent.right
        anchors.bottom: parent.bottom

        flickableDirection: TableView.VerticalFlick

        clip: true
        model: root.model

        delegate:  Rectangle
        {
            id: delegateRect

            color: "transparent"
            implicitWidth: 543
            implicitHeight: 22

            property var indexRow: model.index

            Row
            {
                id: rect
                clip: true

                Repeater
                {
                    id: celsRepeater

                    model: root.model.columnCount()


                    Component.onCompleted:
                    {
                        root.foo(delegateRect.indexRow)
                    }

                    Rectangle
                    {
                        id: rextText

                        border.color: "blue"
                        color: "#2C3033"
                        width: root.model.getSizeLongString(index)
                        height: 15

                        Text
                        {
                            width: 50
                            height: 35

                            anchors.fill: parent
                            font.pixelSize: 12
                            verticalAlignment: Text.AlignTop
                            color: model.index === 0 ? "#B8B8B8" : "#EAEAEA"
                            text: root.model.getData(indexRow, model.index)
                        }
                    }
                }
            }
        }
    }
}

Рекомендуємо хостинг TIMEWEB

Стабільний хостинг, на якому розміщується соціальна мережа EVILEG. Для проектів на Django радимо VDS хостинг.

добрый, а пробывали обращаться через лист tableView.delegateRect.color="transparent";?
когда-то делал цветные строки в таблице на первых контролах, делал так

        TableView
        {
            id: table_view_monitor
            anchors.fill: parent

            clip: true  

            TableViewColumn
            {
                role: "InOutState"
                title: qsTr("Direction")
                width: 125
                delegate: Label
                {
                    text:
                    {
                       var al=styleData.value//monitorModel.get(styleData.row).inoutstate
                       if (al===0) return qsTr('enter')
                       else if(al===1) return qsTr('exit')
                       else return qsTr('undefined')
                    }
                    color: "black"
                    font.family: "Arial"
                    font.pixelSize: 11
                    leftPadding: 5
                }
            }

            TableViewColumn
            {
                role: "norm"
                title: qsTr("NORM")
                visible: false
                width: 200
                delegate: Label
                {
                    text: styleData.value
                    color: "black"
                    font.family: "Arial"
                    font.pixelSize: 11
                    bottomPadding: 2
                    leftPadding: 5
                }
            }
            model: m_model

            headerDelegate: Rectangle {
                height: 25
                width: textItem.implicitWidth

                Label {
                    id: textItem
                    anchors.centerIn: parent
                    text: styleData.value
                    color: "black"
                    font.family: "Arial"
                    font.pixelSize: 12
                }
                Frame {
                    anchors.right: parent.right
                    anchors.top: parent.top
                    anchors.bottom: parent.bottom
                    anchors.bottomMargin: 1
                    anchors.topMargin: 1
                    width: 1
                }
            }

            rowDelegate: Rectangle
            {
                anchors.fill: parent
                color:{
                    var al=m_model.get(styleData.row).norm
                    if(al===0) return "red"
                    else if (styleData.selected) return 'lightblue'
                    else if(styleData.alternate) return Material.background
                    else return "white"
                }

                MouseArea
                {

                    anchors.fill: parent
                    acceptedButtons: Qt.RightButton | Qt.LeftButton
                    onClicked:
                    {
                        table_view_monitor.selection.clear()
                        table_view_monitor.selection.select(styleData.row)
                        table_view_monitor.currentRow=styleData.row
                        table_view_monitor.focus=true

                        switch(mouse.button)
                        {
                        case Qt.RightButton:
                            contextMenu.popup()
                            break
                        default:
                            break
                        }
                    }
                }
                Menu
                {
                    id: contextMenu
                    MenuItem
                    {
                        text: qsTr("Get CardNo")
                        onTriggered:
                        {
                            card_no.text=m_model.get(styleData.row).CardNo
                            table_view_monitor.focus=false
                        }
                    }
                }
            }
        }

Интересно что если я не вызываю функцию а в место нее все if вытаскиваю то это срабатывает. Но через функцию не работает.
Не пойму почему

где-то явно нарушена область видимости обьекта, возможно delegateRect не доступен за пределами своего елемента, нужно смотреть документацию по-глубже.

где-то явно нарушена область видимости обьекта, возможно delegateRect не доступен за пределами своего елемента, нужно смотреть документацию по-глубже.

На самом деле есть такая мысль, надо бы понять как это протестить чтоыб найти ответ)
Кстати такой вопрос который касается имено этого кода, на строке 138 там есть ширина для Rectangle и в нем уже будет текст.
А вот внешнйи делегат у него у Rectangle у меня стоит статический размер ширины.
Вопрос состоит в том, можно ли получая ширину на 138 формировать ширину делегата для всех созданных в репиторе обьектов?
Мне надо как то в нормальный вид привезти то что на 110 и 111 строках.

если я правильно понял, можно добавить property int rec_width:0 в самом начале делегата, тогда там где нужно указать ширину указываем rec_width, а в Component.onCompleted: добавить rec_width=root.model.getSizeLongString(index), тогда будет перерисовываться по указанному размеру (должно сработать), или отдельно в модели передавать ширину, тогда будет что-то вроде property int rec_width:root.model.getSize(). возможно путанно написал, надеюсь идею поняли

Добрый вечер.
Спасибо за совет. По сути я идею понял но она получается не рабочей.
Потому что с начале у делегата имеется пропертя данная, потом ширина implicitWidth: 543 которая и дает ширину данной строки, а уже после репитер создает данные 2 или более ячеек, и только тогда пропертя получает размер.
В общем не получается так(