model.xml:
<model>
<header title="North America">
<item title="Toronto" enable="true" file="Toronto.qml"/>
<item title="New York" enable="false" file="NY.qml" />
</header>
<header title="Europe">
<item title="Copenhagen" enable="false" file="Copengagen.qml" />
<item title="Malmo" enable="true" file="Malmo.qml" />
</header>
</model>
and navigation like main.qml in cookbook cascades:
NavigationPane {
id: nav
Page {
id: recipeListPage
Container {
layout: DockLayout {
}
ImageView {
imageSource: "asset:///images/Book_background.png"
layoutProperties: DockLayoutProperties {
verticalAlignment: VerticalAlignment.Fill
horizontalAlignment: HorizontalAlignment.Fill
}
}
Container {
layout: DockLayout {
}
ListView {
id: recipeList
dataModel: XmlDataModel {
source: "models/model.xml"
}
listItemComponents: [
ListItemComponent {
type: "header"
HeaderListItem {
title: ListItemData.title
}
},
ListItemComponent {
type: "item"
StandardListItem {
title: ListItemData.title
enable: ListItemData.enabled
}
}
]
}
onTriggered: {
var chosenItem = dataModel.data(indexPath);
var recipePage = nav.deprecatedPushQmlByString(chosenItem.file);
}
}
}
}
}
result: after enable: false tabs don't work and you can't going to tab page, but in
nav.deprecatedPushQmlByString(chosenItem.file);
you can navigate to page.
P. S. It's just a example, because I can't test that now. Just look at model.xml "enable" attribute +
enable: ListItemData.enabled
