Use index in a ListView delegate

[wolfer]

Hi,

i hope you can help me to find out whether i have found a bug or not. I tried to use the index variable in a delegate within a ListView.

@ListView {
id: selectedItems
width: childrenRect.width
implicitHeight: currentItem ? currentItem.height : 0
clip: true
orientation: ListView.Horizontal
model: breadCrumbModel
delegate: Component {
id: delegateComp
Row {
visible: ListView.isCurrentItem ? !mover.visible : true
id: wrapper
property var wrapperitemdata: (itemdata ? itemdata : parent.itemdata)
Loader {
sourceComponent: container.separator
anchors.verticalCenter: breadcrumb.verticalCenter
height: breadcrumb.height
visible: (index == 0 ? false : true)
MouseArea {
anchors.fill: parent
onClicked: container.separatorClicked(index)
}
}
Loader {
id: breadcrumb
property var itemdata: wrapper.wrapperitemdata
sourceComponent: container.breadCrumbDelegate
MouseArea{
anchors.fill: parent
onClicked: container.breadCrumbClicked(index)
}
}
}
}
}@

This line 130 is relevant:
@visible: (index == 0 ? false : true)@

The code works good but i will get error to console:

BreadCrumbBar.qml:130: ReferenceError: index is not defined

Did i made something wrong?

[daliusd]

It really looks OK so I'm not sure why you get this error. Maybe using Loader changes something or parenthesis are unnecessary. Very odd indeed.

[wolfer]

The use of index is anyway a little bit strange. Have you ever tried to export the index resp. also the "currentIndex" and the function "isCurrentIndex" to a delegate out of the file where the ListView is defined? It seems that's absolutely impossible!

[daliusd]

Use of index is completely valid, e.g. if you want to use different color for odd and even rows.

[stevenhurd]

The visible line is wrong. You want:

@
visible: (index == 0) ? false : true
@

Also, you don't need to declare your delegate in a component, the delegate just needs to be given a delegate-derived type (i.e. just the Row would work fine)

[wolfer]

Ok, thanks. It's fixed and thread can be closed.