Here is the code:
NavigationPane{
id:nav
Page {
propertystringpagetitle:""
Container {
//CONTAINER FOR CUSTOM PAGETITLE
Container{
background:Color.DarkGray
horizontalAlignment: HorizontalAlignment.Fill
preferredHeight:100
layout: StackLayout {
}
Label{ horizontalAlignment: HorizontalAlignment.Center
text:"Furniture"
textStyle.fontSize: FontSize.PointValue
textStyle.fontSizeValue: 12
}
}
Container{
ListView{
id: scoreList
objectName: "scoreList"
dataModel: scoreModel
layout: StackListLayout {
headerMode: ListHeaderMode.Sticky
}
listItemComponents: [
ListItemComponent {
type: "item"
StandardListItem {
imageSpaceReserved: false
title: ListItemData.option
}
},
ListItemComponent {
type: "header"
Container {
background: Color.Gray
layout: StackLayout {
}
Label {
text: ListItemData
horizontalAlignment: HorizontalAlignment.Center
}
}}
]
onTriggered: {
// When an item is selected, we push the recipe Page in the chosenItem file attribute.
var chosenItem = dataModel.data(indexPath);
_mineapp.setPageTitle(chosenItem.option);
_mineapp.setPageImg(chosenItem.optionimage);
console.log(indexPath+"PATH:"+chosenItem.option)
// Set the correct file source on the ComponentDefinition, create the Page, and set its title.
var page = picpage.createObject();
// page.title = chosenItem.title;
// Push the new Page.
// picpage.open();
nav.push(page);
}
attachedObjects: [
// A GroupDataModel is used for presenting the SQL data. All set up is done here
// except for the actual population of the model, which is done in C++.
ComponentDefinition {
id: picpage
source: "Pic.qml"
},
GroupDataModel {
id: scoreModel
objectName: "scoreModel"
grouping: ItemGrouping.ByFullValue
sortingKeys: ["heading","option"]
}]
}
}
}
}
}
Rujuta Trivedi
thanks