sapui5 Vizframe 和 IconTabBar [英] sapui5 Vizframe and IconTabBar

问题描述

我想开发一个带有 Tab-View 的 sapui5-view.在第一个选项卡上必须有两个圆环图 (sap.viz.ui5.controls).对于 Tab-View，我使用的是 IconTabBar.

I want to develop a sapui5-view with a Tab-View. On the first tab there have to be two donut-charts (sap.viz.ui5.controls). For Tab-View I'm using the IconTabBar.

我可以在没有 IconTabBar 的情况下显示图表，但是当我在选项卡视图中实现图表视图时，一切都是空的.

I can display the charts without the IconTabBar but when I implement the chart-view in the tab-view everthing is empty.

当我将两个圆环图放在 Horizo​​ntalLayout 中时也是如此.

Also when I put the two donut-charts in a HorizontalLayout.

有人有想法吗?亲切的问候克尔斯滕

Has anyone an idea? kind regards Kirsten

标签视图:

<Page id="detail_Tab" title="{i18n>Title}" showNavButton="false" >
        <IconTabBar>
            <items>
                <IconTabFilter text="Overview">
                    <mvc:XMLView viewName="{...}.view.Detail_Overview"/>
                </IconTabFilter>

            </items>
        </IconTabBar>
    </Page>

Detail_Overview:

Detail_Overview:

    <viz:VizFrame 
        id="idDonutChartPriority" 
        height="100%" 
        width="100%"></viz:VizFrame>

推荐答案

我猜你的 VizFrame 的 height="100%" 属性有问题> s.尝试将它们设置为 px 大小.您可以在 JSBin 上此处尝试.

I would guess that you have a problem with the height="100%" property of your VizFrames. Try setting them to a px size. You can try that here on JSBin.

IconTabBar 的高度适合其内容.如果您的内容的高度为 100%，则会导致 100% 为零.

The height of the IconTabBar is fitted to its contents. If your Content has a height of 100% it will result into 100% of zero.

如果您想使用 100%，您可以尝试在 IconTabBar 上设置 stretchContentHeight="true".它确定 IconTabBar 的高度是否被拉伸到其父容器的最大可能高度.作为前提，父容器的高度必须定义为固定值.

If you want to use 100% you could try to set stretchContentHeight="true" on your IconTabBar. It determines whether the IconTabBar height is stretched to the maximum possible height of its parent container. As a prerequisite, the height of the parent container must be defined as a fixed value.

这篇关于sapui5 Vizframe 和 IconTabBar的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！