Hi All,
I have a problem when I try to at a table to my iconTabBarFilter. When I add the table directly to the page the visible on the page. When I at the table to the iconTabBarFilter the table is not visible.
this.tabBar = new sap.m.IconTabBar({
expanded: !jQuery.device.is.phone,
items: [
new sap.m.IconTabFilter({
icon: "sap-icon://addresses",
text: "Adres(sen)",
content:[ this.table ]
}),
new sap.m.IconTabFilter({
icon: "sap-icon://org-chart",
text: "Dienstverband(en)",
content: new sap.m.Text({
text: "dienstverband"
})
}),
new sap.m.IconTabFilter({
icon: "sap-icon://phone",
text: "Communicatie",
content: new sap.m.Text({
text: "Communicatie"
})
}),
]
});
this.table = new sap.m.Table({
headerText: "Ziekteperioden",
columns: [
new sap.m.Column({
width : "1em",
header: new sap.m.Label({text: "Actief"})
}),
new sap.m.Column({
header: new sap.m.Label({text: "Vanaf"}),
// minScreenWidth: "Tablet",
demandPopin: true
}),
new sap.m.Column({
header: new sap.m.Label({text: "T/m"}),
//hAlign: "Right"
}),
],
});
this.tabletemplate =new sap.m.ColumnListItem({
type: sap.m.ListType.Navigation,
cells: [ new sap.ui.core.Icon({
src: {
path : 'IsCurrent',
// type : new sap.ui.model.type.String(),
formatter : function(IsCurrent) {
if (IsCurrent == "true") {
return"sap-icon://unlocked";
} else {
return"sap-icon://locked";
}
}
},
size: (jQuery.device.is.phone) ? "1em" : "1.5em",
color: {
path : 'IsCurrent',
// type : new sap.ui.model.type.String(),
formatter : function(IsCurrent) {
if (IsCurrent == "true") {
return"#FD1602";
} else {
return"#E1E2E4";
}
}
},
layoutData: new sap.m.FlexItemData({growFactor: 1})
}),
new sap.m.Text({
text: {
path : 'Validitybegin',
type : this.oTypeDate,
},
}),
new sap.m.Text({
text: {
path : 'Validityend',
type : this.oTypeDate,
},
}),
]
});
this.page = new sap.m.Page({
title : oBundle.getText("TITLE__NEW_PAGE_2"),
//set back button on details pages only on smartphones
showNavButton : jQuery.device.is.phone,
navButtonTap : [ oController.onNavButtonTap, oController ],
content : [ this.objectHeader, this.tabBar, this.table,
this.oNavList ]
});
Can someone tell why the table is not visible?
Kind Regards,
Richard