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

あなたはこのようにそれを試してみましたM6 S12 "> <すなわち：VizFrame ID =" idPie1" 幅= "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で設定されたスパンは尊重されません。 ' \t <すなわち：VizFrame ID = "idChart" 幅= "100％"> \t \t \t <すなわち：layoutData> \t \t \t \t \t \t \t \t \t <すなわち：VizFrame ID = "idChart1" 幅= "100 ％ "> \t \t \t ... ' –

あなたのplunkrでは：https://plnkr.co/edit/VoHVBeNWDEpPoDzo9Upy?p=preview " " のように最初のフレームワークにコメントが表示されます。また、別の値で試してみました。 plunkrでは、左側にコーディングがあり、右側にプレビューがあります。 plunkrの途中で線を移動してプレビューのサイズを変更すると、レイアウトの違いもわかります。ウィンドウのサイズを変更しようとしましたか？ディスプレイにはどのデバイスを使用していますか？ –

私はpunkrを更新しました。それは確かにそこで動作するようです。私は現在のところ、窓にクロムをテストしています。私も日食でそれを試してみましょう。それが機能するかどうかを確認します。 –

sapui5レスポンスグリッド可変幅/スパンのVizFrame

答えて

関連する問題