1

私はこの問題を抱えています:私はこのフライアウトを持っています:

<div id="formatTextFlyout" data-win-control="WinJS.UI.Flyout" 
            aria-label="{Format text flyout}">
        <div id="flyoutList" data-win-control="WinJS.UI.ListView" 
                data-win-options="{itemDataSource : Data.flyOutData.dataSource,
            itemTemplate: select('#routeDetailsTemplate'),
            oniteminvoked: Commands.navigateListViewTrainItem,
            selectionMode: 'none',
            layout : {type: WinJS.UI.ListLayout}
            }"></div>
        <img src="../../images/logo.scale-180.png" />

    </div>

また、リストビューとイメージの両方に style="display: inline-block" (css ファイル内) があります。画像が表示されるようになりましたが、display: inline-block を設定するとリストビューが消えます。リストビューを別の div でラップし、ラッパーにインライン ブロックを表示しようとしましたが、同じことが起こります。どうすればこれを達成できるのでしょうか？

PSフライアウトには、次のようなイベントリストがあります。

flyout.addEventListener("beforeshow", function (event)
            {
                var insideFlyoutListView = element.querySelector("#flyoutList").winControl;
                insideFlyoutListView.forceLayout();
            });
4

1 に答える 1

1

何とかしてください DOM Explorer を開いて、表示を設定して、そこで内容を確認してみてください。

DOM Explorer に移動する方法のリンクを次に示します。

ドム エクスプローラー VS2012

クラス win-surface と all を持つ div としてレンダリングされるリスト ビュー要素を確認してください。DOMエクスプローラーから高さ・幅の表示と配置を設定してみる

注：この小さなコードの問題を特定して設計上の問題を特定することはできません。あなたが試してみる最良の方法。それができない場合は、返信してください。

于 2013-09-09T06:49:08.707 に答える