sapui5 VizFrame与响应网格可变宽度/跨度

我的应用程序有一个页面并排多个vizFrames（饼图或条形图）。它们使用XML视图封装在网格中。sapui5 VizFrame与响应网格可变宽度/跨度

<l:Grid id="grid" defaultSpan="XL3 L4 M6 S12"> 
    <l:content> 
     <viz:VizFrame id="idPie1" width="100%"></viz:VizFrame>    
     <viz:VizFrame id="idChart1" width="100%"></viz:VizFrame> 
...

我希望其中一个VizFrame具有与为网格提供的默认不同的SPAN。我试过

<viz:VizFrame id="idPie1" width="100%"> 
    <layoutData> 
    <l:GridData span="L12 M12 S12" /> 
    </layoutData> 
</viz:VizFrame>

但没有成功。

这里是一个plnkr

来源

2017-06-01 abex.co

你试试这样说： ' <即：VizFrame ID =” idPie1" WIDTH = “100％”> ...' 可以看出[这里]（https://sapui5.hana.ondemand.com/explored.html#/sample/sap.ui.layout.sample.GridTiles/code/Grid.view.xml ）？在控制台中是否收到任何错误消息？如果你可以在plunkr（plnkr.co）这样的工具中发布你的例子，使它更易于调试，这可能会有帮助。 –

不幸的是，这给出了以下错误：sap-ui-core.js：152未捕获的错误：无法添加没有为控件sap.viz.ui5.controls.VizFrame定义的默认聚合的直接子代。我不使用最新的sapui5版本：1.30.10。我会试着将它复制到一个plunkr中。 –

感谢您的plnkr例子。我们可以重现这个问题，我们正在研究这个问题。 –

编码，会发生什么，如果你尝试：

<viz:layoutData> <l:GridData span="L12 M12 S12" /> </viz:layoutData>

来源

2017-06-28 08:48:12

这至少不会引发语法错误。但是，layoutData中设置的范围不受尊重。 '<升：网格ID = “dashboardGrid” defaultSpan = “XL4 L4 M6 S12”> \t <即：VizFrame ID = “idChart” WIDTH = “100％”> \t \t \t <即：layoutData> \t \t \t \t \t \t \t \t \t <即：VizFrame ID = “idChart1” WIDTH =“100 ％“> \t \t \t ...' –

在你的plunkr中：https://plnkr.co/edit/VoHVBeNWDEpPoDzo9Upy?p=preview 当我插入““ 进入第一个vizframe，如您在那里的评论所示。我也尝试过不同的值，它似乎得到应用程序确定。在plunkr中你有左边的编码和右边的预览。如果我通过在plunkr中间移动行来调整预览大小，我也会看到布局的差异。您是否尝试调整窗口大小？您使用哪种设备进行显示？ –

我已经更新了punkr，它似乎确实在那里工作。目前我只是在Windows上进行测试。让我在日食中尝试一下。我会证实它的作品。 –

sapui5 VizFrame与响应网格可变宽度/跨度

回答

相关问题