Friday, 17 March 2017

how to add delete functionality to the Table in sap ui5 ?

XML:

       <Table id="sampletable">
                <columns>
                    <Column/>
                    <Column/>
                       <Column/>
                    <Column/>
                </columns>
            </Table>


CONTROLER:


Declare  json_model variable  in  oninit and asign the response object  to the JsonModel .




var oTable = this.getView().byId(this.createId("sampletable"));

                                          oTable.setModel(json_model);
                                          var controller = this;
                                         
                                          
                                          var mytemplate = new sap.m.ColumnListItem({
                                              cells : [
                                                       new sap.m.Text({
                                                           text : "{OrderID}"
                                                       }),
                                                       new sap.m.Text({
                                                           text : "{OrderID}",
                                                       }),
                                                       new sap.m.Button({
                                                           press : function(evt) {
                                                               if (evt.getSource().getParent().getParent().getItems().length > 0) {
                                                                   if (evt.getSource().getParent().getParent().getItems().length > 0) {
                                                                          var item = evt.getSource().getParent();
                                                                          var index = evt.getSource().getParent().getParent().indexOfItem(item);
                                                                          var newData = oTable.getModel().getData();
                                                                          console.log("called data is==="+newData+"===INDEX==="+index);
                                                                          var df= newData.value;
                                                                         
                                                                          console.log("called data is===vvvvv"+df);
                                                                          df.splice(index, 1);
                                                                          oTable.getModel().setData(newData);
                                                                      }
                                                               }
                                                           },
                                                       }),
                                                       new sap.m.Button({
                                                           icon : "sap-icon://add",
                                                           press : function(evt) {
                                                               controller.getView().byId(controller.createId("createDialog")).open();
                                                           }
                                                       })
                                                ],
                                          });
                                          oTable.bindAggregation("items", {
                                              path : "/value",
                                              template : mytemplate
                                          });
                                     

1 comment: