selectable item in listview while dragging is enable

Alien

Hi,
How do I add select feature to "QML Dynamic View Ordering Tutorial 3" example and get the selected item values?
SDK : QT 5.8.0
Compiler: MinGW 32 bit

I appreciate any idea.

Fheanor

...
MouseArea {
            id: dragArea
            ...
            onPressed : {
                       console.log(name + " is selected")
           }
           ...
}

Alien

@Fheanor ,
Thanks for your reply but I mean how to highlight the element(just single selection(one element per time)) when user tap or click on it?

Fheanor

Replace onPressAndHold by onPressed should do what you want.

So you will have :

onPressed: held = true

If you want to understand what they do, they just change the color of the selected Item when held = true.

Code :

color: dragArea.held ? "lightsteelblue" : "white"

Meaning if you have trouble with this syntax:

if (dragArea.held == true) {
     color =  "lightsteelblue"
}
else {
     color = "white"
}

Alien

@Fheanor ,
I need both drag and select feature sometime user needs to select an item and some other time he want to drag one item to other position so I need both now what should I do?

Fheanor

I don't understand what do you mean. Can you explain it more clearly.
If you select an item or if you drag it, by using onPressed function, your item will be highlighted

Alien

Dear @Fheanor ,
This app is just for dragging items to the other position if you hold one item for about 2 second you are be able to move the item I need this feature for my app also I need a way in which users can select one item by just on click on it.
When user click on one item I want to highlight the item to show the user the item selected now and be ready for some changes.
that's the actual problem

Fheanor

@Alien So if you just click on the Item, you just have to change the color.

...
MouseArea {
            id: dragArea
            property bool selected : false
            ...
            onClicked : {
                       if(view.currentItem != null) view.currentItem.selected = false
                       view.currentItem = dragArea
                       selected = true
           }
           ...
          Rectangle {
                        ...
                        color: dragArea.held ? "lightsteelblue" : dragArea.selected ? "yellow" : "white"
                        ...
          }
}

....

ListView {
            id: view
            property var currentItem: null
...
}

Alien

Dear @Fheanor,
Thank you so much that's the correct solution.
but why you said "It seems that this example is quite buggy"?

Fheanor

@Alien You are welcome :) `

I was wrong sorry, I didn't press enough my mouse, so I thought onPressAndHold function was not working but it does, I just had to wait 2 sc ;-)

Alien

@Fheanor
Oh OK
Thanks again