Question

我有这个问题：我有一个这个弹出窗口：

<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>

listview和imaget都有style =“display：inline-block”（在css文件中）。现在图像出现了，但是当我设置它的显示时列表视图消失了：内联块。我试图将listview包装在另一个div中并给出包装器显示：inline-block，但同样的事情发生了。知道如何实现这个目标吗？

P.S flyout有一个像这样的事件列表：

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

Answer 1

做一些事情打开DOM资源管理器并尝试设置显示并检查那里的内容。

以下是如何转到DOM Explorer的链接

Dom Explorer VS2012

请检查列表视图元素，它将呈现为具有类win-surface和所有的div。现在尝试从DOM资源管理器中设置高度宽度显示和定位

注意：特别针对这一小段代码解决问题设计问题是不可能的。最好的方法你试一试。如果不可能那么回复。

弹出窗口中的内联块列表视图

1 个答案: