如何使WinJS.UI.ListLayout中项目中一列的内容可编辑contenteditable="true"
,但其余列表列对ListLayout的其他操作(如itemsReorderable="true"
(保持活动状态?
例如列:
<div class="person" data-win-bind="innerText: person" contenteditable="true"></div>
列表视图配置:
data-win-options="{
layout:{type: WinJS.UI.ListLayout },
itemsReorderable: true,
...
我终于找到了答案: 类win-interactive
必须在该元素内部或其任何父元素中使用。
<div class="person win-interactive" data-win-bind="innerText: person" contenteditable="true"></div>
这将禁用项的 ListView 行为,并允许向项模板添加交互式元素。
基于此 http://msdn.microsoft.com/en-us/library/windows/apps/Hh700705.aspx