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