WinJS.UI.ListLayout 使内容可编辑在一个项目上,但具有项目可重新排序



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

最新更新