Thursday, 23 March 2017

How to add table to dialogue dynamically in sap ui 5 ?

addingtabledata_dynamic:function(){


                                         var oDialog1 = new sap.m.Dialog();

                                         var image1 = new sap.m.Image({
                                                src : "sap-icon://inventory",
                                                tap : [ function(oEvent) {
                                                       var control = oEvent.getSource();

                                                       oDialog1.close();
                                                }, this ]
                                         });

                                        
                                         var oTable = new sap.m.Table("oTable",{
                                               columns: [new sap.m.Column({
                                                   header: new sap.m.Label({
                                                     text: "Product"
                                                   })
                                                 }),
                                                 new sap.m.Column({
                                                   header: new sap.m.Label({
                                                     text: "Weight"
                                                   })
                                                 }),
                                                       new sap.m.Column({
                                                   header: new sap.m.Label({
                                                     text: "Add"
                                                   })
                                                 })
                                               ],
                                               items: {
                                                 path: '/value',
                                                 template: new sap.m.ColumnListItem({
                                                   cells: [new sap.m.Text({
                                                       text: "{OrderID}"
                                                     }),
                                                     new sap.m.Text({
                                                       text: "{OrderID}"
                                                     }),
                                                              new sap.ui.core.Icon({
                                                                     src:"sap-icon://add",
                                                                     press: function(oEvent){
                                                                       oController.onAdd();
                                                                     }
                                                              })
                                                   ]
                                                 })
                                               }
                                             });
                                        
                                        
                                         oTable.setModel(json_model);
                                        

                                      

                                         oDialog1.addContent(image);
                                        
                                         oDialog1.addContent(oTable);

                                         oDialog1.open();

}

No comments:

Post a Comment