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與響應網格可變寬度/跨度

回答

相關問題