Hi ,
Think what you need is
sap.m.ViewSettingsDialog
Below is a sample code for that (Illustrative -- not the best practices)
applySettingsFilter:function(){
if(sap.ui.getCore().byId('idExpTrackDialog') == undefined){
new sap.m.ViewSettingsDialog('idExpTrackDialog',{
title : 'Filter / Sort Export Orders',
confirm : function(oEvent){
//Sample Function
}
filterItems : [
new sap.m.ViewSettingsFilterItem({
text:'Customer',
}). bindAggregation("items","/CustomersF4Set",
new sap.m.ViewSettingsItem({
text : '{Name}',
key : '{Customerid}'
}),null, null).setModel(sap.ui.getCore().getModel("idSalesOrderModel")),
new sap.m.ViewSettingsFilterItem({
text:'Material',
}). bindAggregation("items","/MaterialSet",
new sap.m.ViewSettingsItem({
text : '{Arktx}',
key : '{Matnr}'
}),null, null).setModel(sap.ui.getCore().getModel("idSalesOrderModel")),
new sap.m.ViewSettingsFilterItem({
text:'Currency',
items : [
new sap.m.ViewSettingsItem({
text : 'USD',
key : 'USD'
}),
new sap.m.ViewSettingsItem({
text : 'EUR',
key : 'EUR'
}),
new sap.m.ViewSettingsItem({
text : 'INR',
key : 'INR'
})
]
}),
new sap.m.ViewSettingsFilterItem({
text:'Ship Type',
items : [
new sap.m.ViewSettingsItem({
text : 'AIR',
key : 'AIR'
}),
new sap.m.ViewSettingsItem({
text : 'SEA',
key : 'SEA'
}),
new sap.m.ViewSettingsItem({
text : 'COUR',
key : 'COUR'
}),
new sap.m.ViewSettingsItem({
text : 'ROAD',
key : 'ROAD'
})
]
}),
] ,
sortItems : [
new sap.m.ViewSettingsItem({
text:'Value',
selected : true
}),
new sap.m.ViewSettingsItem({
text:'Date'
})
]
})
}
sap.ui.getCore().byId('idExpTrackDialog').open();
},
});