No sir am using ResponsiveGridLayout............ below am attaching my code please explore and clear it sir
See here sir after click on Display Calender Button , then only table want to display sir
View.js
var oItemTemplate = new sap.ui.core.ListItem({text:"{data2>year}"});
var oItemTemplate1 = new sap.ui.core.ListItem({text:"{data2>session}"});
var oLayout1 = new sap.ui.layout.form.ResponsiveGridLayout("mmm",{
});
var calenderForm = new sap.ui.layout.form.Form("F1", {
layout: oLayout1,
formContainers: [new sap.ui.layout.form.FormContainer("F1C2", {
title: new sap.ui.core.Title({
text: "Academic Calender",
tooltip: "calender"
}),
formElements: [new sap.ui.layout.form.FormElement({
label: "Academic Year",
fields: [new sap.m.Select({
width:"60%",
items:{path:"data2>/adata",template:oItemTemplate }
}),new sap.m.Label({
text:"Academic session",
}),new sap.m.Select({
width:"60%",
items:{path:"data2>/adata",template:oItemTemplate1 }
})]
}),
new sap.ui.layout.form.FormElement({
fields: [new sap.m.Button({text:"Display Calender",
width:"13%",
press: function() {
oController.show();
}
})]
})
]
})]
});
var oTable = new sap.m.Table("table1",{
width : "45%" ,
headerToolbar : new sap.m.Toolbar({
content : [ new sap.m.Label({
text : "View"
}),
new sap.m.Select({width:"40%"}),
new sap.m.Button({text:"Export",
press:[ oController.Export, oController ]
}),
new sap.m.Link({text:"Filter Setting"})
]
})
});
var col1 = new sap.m.Column({header: new sap.m.Label({text:"Time Limit Sequence(Desc)"}),
});
oTable.addColumn(col1);
var col2 = new sap.m.Column({header: new sap.m.Label({text:"Start Date"}),
});
oTable.addColumn(col2);
var col5 = new sap.m.Column({header: new sap.m.Label({text:"End Date"}),
});
oTable.addColumn(col5);
oTable.bindItems("data1>/data", new sap.m.ColumnListItem({
cells : [ new sap.m.Text({
text : "{data1>BatchNumber}"
}), new sap.m.Text({
text : "{data1>BatchGenerationDate}"
}), new sap.m.Text({
text : "{data1>Document}"
}),
]
}));
var ele=[calenderForm];
return ele;
}
});
Controller.js
onInit: function(){
var oModel = new sap.ui.model.json.JSONModel("table.json");
oModel.setData();
sap.ui.getCore().setModel(oModel,"data1");
var oModel1 = new sap.ui.model.json.JSONModel("table1.json");
oModel1.setData();
sap.ui.getCore().setModel(oModel1,"data2");
},
show: function(oEvent) {
var drid=sap.ui.getCore().byId("mmm");
var oTable= sap.ui.getCore().byId("table1");
drid.addContent(oTable);
}