Quantcast
Channel: SCN: Message List
Viewing all articles
Browse latest Browse all 8533

Re: Data Modeling for controls using XML views(SAPUI5)

$
0
0

Hi Mahesh & Sakthivel,


Can you please help me to group the duplicate columns for table.

Please find the code below.


XML View Code is as follows :

 

<core:View xmlns="sap.m" xmlns:l="sap.ui.layout" xmlns:core="sap.ui.core" controllerName="performanceappxml.Scorecard"

    xmlns:mvc="sap.ui.core.mvc" xmlns:html="http://www.w3.org/1999/xhtml">

    <l:VerticalLayout width="100%">

        <l:content>

            <Text id="description" class="marginAll" />

            <Table id="idProductsTable" items="{/businessData}">

                <headerToolbar>

                    <Toolbar>

                        <Label text="ScoreCard"></Label>

                    </Toolbar>

                </headerToolbar>

                <columns>

                    <Column>

                        <Label  id="mergecol" text="Org"  />

                    </Column>

                    <Column>

                        <Label text="2013 Actual" />

                    </Column>

                    <Column>

                        <Label text="KPI Name" />

                    </Column>

                    <Column>

                        <Label text="Unit" />

                    </Column>

                    <Column>

                        <Label text="Actual" />

                    </Column>

                    <Column>

                        <Label text="Plan" />

                    </Column>

                    <Column>

                        <Label text="%Var" />

                    </Column>

                    <Column>

                        <Label text=" " />

                    </Column>

                </columns>

                <items>

                    <ColumnListItem>

                      <!--   <cells>

                            <ObjectIdentifier title="{COUNTRY}" text="{COUNTRY}" />

                        </cells> -->

                        <cells>

                        <Text text="{Org}"></Text>

                        <Text text="{2013 Actual}"></Text>

                        <Text text="{KPI Name}"></Text>

                        <Text text="{Unit}"></Text>

                        <Text text="{Actual}"></Text>

                        <Text text="{Plan}"></Text>

                        <Text text="{%Var}"></Text>

                        <Text text="{color}"></Text>

                        </cells>

                    </ColumnListItem>

                </items>

            </Table>

        </l:content>

    </l:VerticalLayout>

</core:View>

 

 

Controller onInit method Code is as follows :

 

var oData = {

             businessData : [

{

               "Org":"Value Creation",

               "2013 Actual":"",

               "KPI Name":"aaaa",

               "Unit":"100",

               "Actual":"80",

               "Plan":"70",

               "%Var":"0.14%",

               "color":""

              },

 

 

 

 

              {

               "Org":"Value Creation",

               "2013 Actual":"",

               "KPI Name":"bbbb",

               "Unit":"100",

               "Actual":"80",

               "Plan":"20",

               "%Var":"3%",

               "color":""

              

              },

 

 

              {

              "Org":"Value Creation",

               "2013 Actual":"",

               "KPI Name":"cccc",

               "Unit":"100",

               "Actual":"90",

               "Plan":"10",

               "%Var":"8%",

               "color":""

              },

 

 

              {

               "Org":"Operational Efficiency",

               "2013 Actual":"",

               "KPI Name":"aaaa",

               "Unit":"100",

               "Actual":"80",

               "Plan":"70",

               "%Var":"0.14%",

               "color":""

              },

 

 

 

 

              {

               "Org":"Operational Efficiency",

               "2013 Actual":"",

               "KPI Name":"bbbb",

               "Unit":"100",

               "Actual":"80",

               "Plan":"20",

               "%Var":"3%",

               "color":""

              

              },

 

 

]

         };

      

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

         demoJSONModel.setData(oData);

         this.getView().byId("idProductsTable").setModel(demoJSONModel);

      

 

 

 

Thanks & Regards,

Srinivas.


Viewing all articles
Browse latest Browse all 8533

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>