jQuery.sap.require("sap.m.MessageToast");

​

// Controller definition

sap.ui.controller("local.controller", {

​

  onInit: function() {

    var data = [{

      name: "asd",

      amount: "100",

      currency: "USD",

      size: "L"

    }, {

      name: "asd",

      amount: "800",

      currency: "INR",

      size: "XL"

    }, {

      name: "asd",

      amount: "454",

      currency: "USD",

      size: "S"

​

    }];

    var oModel = new sap.ui.model.json.JSONModel(data);

    this.getView().setModel(oModel);

    var table = this.getView().byId("tableid");

    table.bindItems("/", new sap.m.ColumnListItem({

      type: "Navigation",

      press: function(evt) {},

      cells: [

        new sap.m.Text({

          text: "{name}"

        }), new sap.m.Text({

          text: "{amount}"

        }), new sap.m.Text({

          text: "{currency}"

        }), new sap.m.Text({

          text: "{size}"

        })

      ]

    }));

    table.setModel(oModel);

  },

  onPress: function(oEvent) {

    var table = this.getView().byId("tableid");

    var items = table.getSelectedItems();

    var col = {

      name: undefined,

      amount: undefined,

      currency: undefined,

      size: undefined

    };

    var data = table.getModel().getData();

    items.forEach(function(item) {

      var index = table.indexOfItem(item);

      data.splice(index + 1, 0, col);

    });

    table.getModel().setData(data);

  },

​

});

​

// Instantiate the View, assign a model and display

var oView = sap.ui.xmlview({

  viewContent: jQuery('#view1').html()

});

oView.placeAt('content');