在WinJS中,我可以像这样定义ListView和相应的模板:
<div id="template" data-win-control="WinJS.Binding.Template">
<div style="width:100px;height:100px;">
<p data-win-bind="innerText: text"></p>
</div>
</div>
<div id="list" data-win-control="WinJS.UI.ListView"
data-win-options="{itemDataSource : Data.list.dataSource,
itemTemplate: select('#template')}">
</div>
模板中的div必须定义宽度和高度,否则无效。我的问题是:如何仅使用css使模板填充listview的整个宽度。将宽度设置为100%
只会使其填充父.win-container
元素,而不是列表视图本身。由于边距,将宽度设置为100vw
并不是最佳选择。