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>

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

PS弹出有一个像这样的事件列表：

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

1 回答 1

1

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

这是一个如何转到 DOM Explorer 的链接

DOM 浏览器 VS2012

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

注意：用这段代码特别是设计问题找出你的问题是不可能的。你试一试的最好方法。如果不可能然后回复。

于 2013-09-09T06:49:08.707 回答