How to disable drag&drop for first Item of a ListView

Fheanor

I have a QML project where I am able to drag & drop rectangles that are in a ListView.
I want to disable the drag&drop feature for the first Item (rectangle) of the ListView.

Here is an example:

Rectangle {
    visible: true
    width: 1000; height: 1000
    ListView {
        id: root
        width: parent.width; height: parent.height

        model: DelegateModel {

            id: visualModel
            model: myModel
            model: ListModel {
                id: colorModel
                ListElement { someData }
                ...

            }

            delegate: MouseArea {

                property int visualIndex: DelegateModel.itemsIndex

                id: delegateRoot
                cursorShape: Qt.PointingHandCursor
                width: root.width; height: 100
                drag.target: icon
                drag.axis: Drag.YAxis
                drag.minimumY: 0

                Rectangle {
                  blablaData

                 //Something like : if firstItem, disable drag&drop
                }


                DropArea {
                    anchors { fill: parent; margins: 15 }

                    onEntered: {                   
                          visualModel.items.move(drag.source.visualIndex, delegateRoot.visualIndex)               
                    }
                 }
             }
          }
    }
}

Do you have any idea of how to do it ?
Thanks a lot !

Pradeep P N

Hi Fheanor,

You can try this.

DelegateModel {
        id: del_Model
        model: MyModel {}
        delegate: dragDelegate
    }

    Component {
        id: dragDelegate
        MouseArea {
            id: dragArea

            property bool held: false
            property bool dragging: drag.active
            anchors { left: parent.left; right: parent.right }
            height: content.height

            drag.target: held == true ? content : undefined
            drag.axis: held == true  ? Drag.YAxis : Drag.None
            
            onPressAndHold: {
                if( index > 0){
                    held = true
                }
            }

            Rectangle {
                id: content         
              // Some Data
             }

            DropArea {
                id : _dropArea
                anchors { fill: dragArea;  margins: 50 }

                onEntered: {
                    var a = dragArea.DelegateModel.itemsIndex
                    var b = drag.source.DelegateModel.itemsIndex

                    if(a > 0 && b > 0){
                        del_Model.items.move(a, b, 1)
                    }
                }
            }
        }
    }

The element of list is not enabled for drag&drop.

dheerendra

In addition to Pradeep said, there is index parameter in each delegate object. You can use that value to enable and disable.

Fheanor

Thank you very much, this was exactly what I needed !
Have a good day