如何在概览页面中更改卡片的宽度?

2020-09-12 00:03发布

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

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


嗨。

我需要更改某些卡片的宽度,例如某些卡片的宽度必须是其他卡片的两倍,如屏幕截图所示。 但是我不知道该怎么做。 是否有控制每个卡宽度的属性或设置? 或者,如果不是,为什么我在开发人员指南中截取的卡宽度在屏幕截图上有所不同?
请先谢谢您!

(204.2 kB)

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

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


嗨。

我需要更改某些卡片的宽度,例如某些卡片的宽度必须是其他卡片的两倍,如屏幕截图所示。 但是我不知道该怎么做。 是否有控制每个卡宽度的属性或设置? 或者,如果不是,为什么我在开发人员指南中截取的卡宽度在屏幕截图上有所不同?
请先谢谢您!

(204.2 kB)
付费偷看设置
发送
7条回答
软件心理学工程师
1楼 · 2020-09-12 00:50.采纳回答

你好Kartoev,

目前不支持此功能。 可调整大小卡的概念正在研究中,并将在即将发布的版本中提供。

此致

Prasita

Bunny_CDM
2楼-- · 2020-09-12 00:56

嗨,Jan,

非常感谢您提出一种建议。 我尝试过,但似乎缺少了一些东西。 因此,寻找更多信息。

1。 步骤2的代码将进入在步骤1中创建的customConfiguration.js中? 我可以直接复制步骤2的粘贴代码,还是必须进行修改? (按原样复制代码时出现语法错误)

2。 mainfest.json-描述符的extends部分也将是吗?

"扩展":{
 "扩展名":{
 " sap.ui.controller.Extensions":{
 " sap.ovp.app.Main":{
 " controllerName":" sap.ovp.demo.ext.customConfiguration"
 }
 }
 }
 },

我是初学者级开发人员,所以,我的问题可能很基本:)

谢谢

Tanveer

Alawn_Xu
3楼-- · 2020-09-12 00:42

在官方API可用之前,您可以使用一些猴子补丁程序。

  1. 按照这里
  2. 按如下所示修补createCard方法:
 onInit:function(){
    //存储原始函数供以后使用
     this.createCardOriginal = this.createCard;
    //创建一个新功能来调整卡片宽度
     this.createCard = function(card){
        //检查清单中的卡片宽度设置,并根据需要进行更改
         如果(card.settings.colSpan){
             card.dashboardLayout.colSpan = card.settings.colSpan;
         }
         this.createCardOriginal(card);
     };
 }
 

3。 在manifest.json中为您的卡设置新宽度为colSpan并启用可调整大小的containerLayout:

" sap.ovp":{
     " containerLayout":"可调整大小",
     "卡":{
         " card01":{
             " model":"",
             " template":" pp.cards.customcard",
             "设置":{
                 " title":" {{card01_title}}",
                 " entitySet":"产品",
                 " colSpan":3
             }
         }
     }
 } 
SAP浪
4楼-- · 2020-09-12 00:54

嗨,Tejas,

我看到Jan在注释部分建议了一种添加自定义代码以更改卡宽度的方法。

我尝试过,但对我没有用,请猜我丢失了一些东西。

那是唯一的方法吗? 您能否概述实现此目标的推荐方法?

感谢您对SAP社区的所有贡献。

谢谢

Tanveer

Aaron 3364
5楼-- · 2020-09-12 01:04

这仍然在路线图中:)

callcenter油条
6楼-- · 2020-09-12 00:42

" sap.ovp":{
" globalFilterModel":" YSFLIGHT_SRV",
" globalFilterEntityType":" Sflight",
" containerLayout":"可调整大小",
" cards":{
" SflightOverview_card00":{
" model":" YSFLIGHT_SRV",
" template":" sap.ovp.cards.table",
" settings":{
" title":" {{ysflight_card00_title}}",
" subTitle":" {{ysflight_card00_subTitle}} ",
" entitySet":" SflightSet",
" sortBy":" Carrid",
" sortOrder":"升序",
" addODataSelect":" true",
" defaultSpan":{
" cols":3,
"行":35
},
" annotationPath":" com.sap.vocabularies.UI.v1.LineItem#Table"
}
},

DafaDDDa
7楼-- · 2020-09-12 00:47

如果需要增加卡的宽度,请使用CSS。 检查该元素,并识别出该卡所隐含的CSS应用及其宽度。

将这些更改合并到文件中的CSS并进行测试。

此致

Sharath

一周热门 更多>

点击此处---> EasySAP.com 一起学习S4 HANA ...

相关问答