var oTable;
var oEmptyBar;
var oUpdTable;
sap.ui.jsview("com.view.View1", {
/** Specifies the Controller belonging to this View.
* In the case that it is not implemented, or that "null" is returned, this View does not have a Controller.
* @memberOf controller.View1
*/
getControllerName: function() {
return "com.controller.View1";
},
/** Is initially called once after the Controller has been instantiated. It is the place where the UI is constructed.
* Since the Controller is given to this method, its event handlers can be attached right away.
* @memberOf controller.View1
*/
createContent: function(oController) {
var oPage = new sap.m.Page({
title: "{i18n>title}",
content: [
oTable = new sap.m.Table("table", {
headerText: "Table1",
id: "table",
mode: "MultiSelect",
columns: [new sap.m.Column({
header: [new sap.m.Label({
text: "PersonnelNumber"
})]
}),
new sap.m.Column({
header: [new sap.m.Label({
text: "FirstName"
})]
}),
new sap.m.Column({
header: [new sap.m.Label({
text: "LastName"
})]
}),
new sap.m.Column({
header: [new sap.m.Label({
text: "Department"
})]
}),
new sap.m.Column({
header: [new sap.m.Label({
text: "EMail"
})]
})
],
}),
oEmptyBar = new sap.m.Bar({}),
oUpdTable = new sap.m.Table({
headerText: "Table2",
id: "table1",
type: sap.m.ListType.Active,
mode: sap.m.ListMode.SingleSelectMaster,
includeItemInSelection: true,
columns: [new sap.m.Column({
header: [new sap.m.Label({
text: "PersonnelNumber"
})]
}),
new sap.m.Column({
header: [new sap.m.Label({
text: "FirstName"
})]
}),
new sap.m.Column({
header: [new sap.m.Label({
text: "LastName"
})]
}),
new sap.m.Column({
header: [new sap.m.Label({
text: "Department"
})]
}),
new sap.m.Column({
header: [new sap.m.Label({
text: "EMail"
})]
})
]
}),
]
});
var app = new sap.m.App("myApp", {
initialPage: "oPage"
});
app.addPage(oPage);
return app;
}
});
{
{
"Data": [{
"PersonnelNumber": "9848022338",
"FirstName": "Sreenadh",
"LastName": "Rajaneni",
"Department": "Software engineer",
"EMail": "sri.rajaneni1992@gmail.com"
}, {
"PersonnelNumber": "9848012345",
"FirstName": "Mahesh",
"LastName": "Dabbugunta",
"Department": "Finance",
"EMail": "mahesh@gmail.com"
}, {
"PersonnelNumber": "9988776655",
"FirstName": "Satheesh",
"LastName": "Kattamreddy",
"Department": "Marketing",
"EMail": "satheeshk@gmail.com"
}]
}
}
sap.ui.define([
"sap/ui/core/mvc/Controller"
], function(Controller) {
"use strict";
Controller.extend("com.controller.View1", {
onInit: function() {
//Creating model
var oModel = new sap.ui.model.json.JSONModel();
// Set the data for the model
oModel.loadData("model/model.json");
// Set the model to the core
sap.ui.getCore().setModel(oModel);
// Set the model to the table
var oTable = sap.ui.getCore().byId("table");
oTable.setModel(oModel);
},
});
});
oTable.bindItems("/Data", new sap.m.ColumnListItem("listItem", {
cells: [new sap.m.Text({
text: "{PersonnelNumber}"
}),
new sap.m.Text({
text: "{FirstName}"
}),
new sap.m.Text({
text: "{LastName}"
}),
new sap.m.Text({
text: "{Department}"
}),
new sap.m.Text({
text: "{EMail}"
})
]
}))
selectionChange: [oController.onSelectionChange, oController]
var aTableData = [];
sap.ui.define([
"sap/ui/core/mvc/Controller"
], function(Controller) {
"use strict";
Controller.extend("com.controller.View1", {
onSelectionChange: function(oEvent) {
var oModel = {};
var oSelectedItem = oEvent.getParameter("listItem");
oModel = oSelectedItem.getBindingContext().getObject();
aTableData.push(oModel);
oUpdTable = sap.ui.getCore().byId("table1");
oUpdTable.setModel(new sap.ui.model.json.JSONModel({
"oModelData": aTableData
}));
}
});
});
oUpdTable.bindItems("/oModelData",
new sap.m.ColumnListItem({
vAlign: "Middle",
cells: [new sap.m.Text({
text: "{PersonnelNumber}"
}),
new sap.m.Text({
text: "{FirstName}"
}),
new sap.m.Text({
text: "{LastName}"
}),
new sap.m.Text({
text: "{Department}"
}),
new sap.m.Text({
text: "{EMail}"
})
]
})
)
onSelectionChange: function(oEvent) {
var oModel = {};
var oSelectedItem = oEvent.getParameter("listItem");
oModel = oSelectedItem.getBindingContext().getObject();
var dd = oEvent.mParameters.selected;
if (dd === true) {
aTableData.push(oModel);
var a = [];
for (var i = 0; i < aTableData.length; i++) {
if (a.indexOf(aTableData[i].PersonnelNumber) === -1) {
a.push(aTableData[i].PersonnelNumber);
} else {
MessageToast.show("The record is already added");
}
}
var oTemporaryjson1 = [];
var oTemporaryjson;
for (var j = 0; j < a.length; j++) {
//To get all the records with unique Zsection
oTemporaryjson = $.grep(aTableData, function(n, m) {
return n.PersonnelNumber === a[j];
});
oTemporaryjson1.push(oTemporaryjson[0]);
}
oUpdTable = sap.ui.getCore().byId("table1");
oUpdTable.setModel(new sap.ui.model.json.JSONModel({
"oModelData": oTemporaryjson1
}));
}
}
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
User | Count |
---|---|
8 | |
8 | |
7 | |
6 | |
5 | |
4 | |
4 | |
4 | |
3 | |
3 |