如何合并sapui5表中的两个列标题单元格

2020-09-26 14:31发布

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


嗨,

我有一个如下表:

否,我想将两个标头单元格的值合并为" SALES",如下所示:

有什么想法吗?

当前视图的代码:

 sap.ui.jsview(" views.salesTrendTable",{
         /**指定属于该视图的控制器。
           *在未实现或返回" null"的情况下,该视图没有控制器。
           * @memberOf views.salesTable
           */
           getControllerName:function(){
                     返回null;
           },
         /**在实例化Controller之后最初被调用一次。 这是构造UI的地方。
           *由于将控制器赋予了此方法,因此可以立即附加其事件处理程序。
           * @memberOf views.salesTable
           */
           createContent:function(oController){
         var oLayout = new sap.ui.commons.layout.MatrixLayout({width:" 100%"});
 
         var oModel = new sap.ui.model.json.JSONModel();
         oModel.loadData(" services/SalesTrend.xsjs?mthkey = 201604");
 
         var oControl;
         this.oSHTable = new sap.ui.table.Table(" soTable1",{
         visibleRowCount:10,
         });
        //表列定义
         oControl = new sap.ui.commons.TextView()。bindProperty(" text"," month_no");
         oControl.setTextAlign(" End");
         this.oSHTable.addColumn(new sap.ui.table.Column({
         标签:new sap.ui.commons.Label({text:" MONTH_NO"}),
         模板:oControl,灵活:true,hAlign:sap.ui.commons.layout.HAlign.End}));
 
         oControl = new sap.ui.commons.TextView()。bindProperty(" text"," month_name");
        //oControl.setTextAlign("End");
         this.oSHTable.addColumn(new sap.ui.table.Column({label:new sap.ui.commons.Label({text:" MONTH_NAME"}}),
         模板:oControl}));
   
         oControl = new sap.ui.commons.TextView()。bindProperty(" text"," sales_ytd");
         oControl.setTextAlign(" End");
         this.oSHTable.addColumn(new sap.ui.table.Column({
         多重标签:[
         new sap.ui.commons.Label({text:" SALES"}),
         新的sap.ui.commons.Label({text:" YTD"})
         ],
        //label:new sap.ui.commons.Label({text:" YTD SALES"}),
         模板:oControl,hAlign:sap.ui.commons.layout.HAlign.End}));
   
         oControl = new sap.ui.commons.TextView()。bindProperty(" text"," sales_lytd");
         oControl.setTextAlign(" End");
         this.oSHTable.addColumn(new sap.ui.table.Column({
         多重标签:[
         new sap.ui.commons.Label({text:" SALES"}),
         新的sap.ui.commons.Label({text:" LY YTD"})
         ],
        //label:new sap.ui.commons.Label({text:" LYTD SALES"}),
         模板:oControl,hAlign:sap.ui.commons.layout.HAlign.End}));
 
         this.oSHTable.setModel(oModel);
         this.oSHTable.bindRows("/");
 
         this.oSHTable.setTitle("销售趋势");
         oLayout.createRow(this.oSHTable);
 
         返回oLayout;
           }
 });
 

谢谢

(6.4 kB)

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


嗨,

我有一个如下表:

否,我想将两个标头单元格的值合并为" SALES",如下所示:

有什么想法吗?

当前视图的代码:

 sap.ui.jsview(" views.salesTrendTable",{
         /**指定属于该视图的控制器。
           *在未实现或返回" null"的情况下,该视图没有控制器。
           * @memberOf views.salesTable
           */
           getControllerName:function(){
                     返回null;
           },
         /**在实例化Controller之后最初被调用一次。 这是构造UI的地方。
           *由于将控制器赋予了此方法,因此可以立即附加其事件处理程序。
           * @memberOf views.salesTable
           */
           createContent:function(oController){
         var oLayout = new sap.ui.commons.layout.MatrixLayout({width:" 100%"});
 
         var oModel = new sap.ui.model.json.JSONModel();
         oModel.loadData(" services/SalesTrend.xsjs?mthkey = 201604");
 
         var oControl;
         this.oSHTable = new sap.ui.table.Table(" soTable1",{
         visibleRowCount:10,
         });
        //表列定义
         oControl = new sap.ui.commons.TextView()。bindProperty(" text"," month_no");
         oControl.setTextAlign(" End");
         this.oSHTable.addColumn(new sap.ui.table.Column({
         标签:new sap.ui.commons.Label({text:" MONTH_NO"}),
         模板:oControl,灵活:true,hAlign:sap.ui.commons.layout.HAlign.End}));
 
         oControl = new sap.ui.commons.TextView()。bindProperty(" text"," month_name");
        //oControl.setTextAlign("End");
         this.oSHTable.addColumn(new sap.ui.table.Column({label:new sap.ui.commons.Label({text:" MONTH_NAME"}}),
         模板:oControl}));
   
         oControl = new sap.ui.commons.TextView()。bindProperty(" text"," sales_ytd");
         oControl.setTextAlign(" End");
         this.oSHTable.addColumn(new sap.ui.table.Column({
         多重标签:[
         new sap.ui.commons.Label({text:" SALES"}),
         新的sap.ui.commons.Label({text:" YTD"})
         ],
        //label:new sap.ui.commons.Label({text:" YTD SALES"}),
         模板:oControl,hAlign:sap.ui.commons.layout.HAlign.End}));
   
         oControl = new sap.ui.commons.TextView()。bindProperty(" text"," sales_lytd");
         oControl.setTextAlign(" End");
         this.oSHTable.addColumn(new sap.ui.table.Column({
         多重标签:[
         new sap.ui.commons.Label({text:" SALES"}),
         新的sap.ui.commons.Label({text:" LY YTD"})
         ],
        //label:new sap.ui.commons.Label({text:" LYTD SALES"}),
         模板:oControl,hAlign:sap.ui.commons.layout.HAlign.End}));
 
         this.oSHTable.setModel(oModel);
         this.oSHTable.bindRows("/");
 
         this.oSHTable.setTitle("销售趋势");
         oLayout.createRow(this.oSHTable);
 
         返回oLayout;
           }
 });
 

谢谢

(6.4 kB)
付费偷看设置
发送
1条回答
compass1988
1楼 · 2020-09-26 15:04.采纳回答

我希望这会帮助您入门

http://jsbin.com/xoyomer/edit?js,output

谢谢

-D

一周热门 更多>