窗口调整大小后,放置在Flyout或ContentDialog中的WinJS ListView会中断

时间:2014-12-16 13:37:51

标签: javascript jquery html5 listview winjs

我在WinJS Flyout中放置了WinJS ListView。 它显示正常,直到您更改窗口大小后显示此Flyout至少一次。因此,如果弹出窗口显示然后您更改窗口大小 - ListView会中断并且不会正确显示项目,只会显示其背景。 对此有什么解决方案吗?

HTML:              

    

<div id="addRabbitFlyout" data-win-control="WinJS.UI.Flyout" aria-label="{Select a rabbit to add}">
    <div id='addRabbitListView' 
         data-win-control="WinJS.UI.ListView"
         data-win-options="{
         itemTemplate:  select('.rabbitTemplate'),
         layout: {type: WinJS.UI.ListLayout}
         }">
    </div>
</div>

CSS:

.win-container {
    width: 200px;
}
.win-surface {
    width: 100%;
}
.win-item {
    height: auto;
    margin-bottom: 5px;
}
.win-itembox {
    min-height: 40px;
}
.rabbitName {
    font-size: 12px;
    font-weight: 400;
}

0 个答案:

没有答案