如何在SAPUI5快速视图中放置按钮?

时间:2019-05-08 11:51:57

标签: javascript sapui5 sapui5-theming ui5-library

我有一个 sapui5 QuickView ,它看起来像这样: enter image description here

    <QuickView id="quickView">
      <QuickViewPage pageId="PageId123">
        <QuickViewGroup>
        <QuickViewGroupElement label="Material" value="{Material}" type="{sap.m.QuickViewGroupElementType.text}"></QuickViewGroupElement>
        </QuickViewGroup>
       </QuickViewPage>
     </QuickView>

现在,我想在Quickview的底部添加一个按钮。可能吗?我尝试添加

<Button icon="sap-icon://action"> </<Button>

但是这不起作用。有什么办法可以添加按钮?预先感谢。

2 个答案:

答案 0 :(得分:2)

不可能。

根据Fiori Design Guidelines

  

快速视图类似于弹出窗口,但具有预定义的结构,一组固定的UI元素和自动UI呈现。

     

(...)

     

在以下情况下,请勿使用快速查看

:      
      
  • 您要以分组显示的方式提供信息。
  •   

基本上,通过检查以下聚合的Type可以理解这一点:

最后,类sap.m.QuickViewGroupElement并不是允许您在其中添加控件(如Button)的容器。

因此,您应该使用文档中的Popover like in this sample

答案 1 :(得分:0)

使用视图。首先放置一个按钮,然后将QuickView添加为片段。 UI5演示工具包中有一个示例。

https://sapui5.hana.ondemand.com/sdk/#/entity/sap.m.QuickViewCard/sample/sap.m.sample.QuickViewCard