WinJS.UI.ListLayout 使一件商品可满足但可重新订购

WinJS.UI.ListLayout make contenteditable on one item but have itemsReorderable

如何使 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, ...

我终于找到答案了: class 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