user-interface - webos：滑动删除行/列表。如何？

Question

在 pod frenzy / dr podder 等 webos 应用程序中，列表项是“滑动删除”，您在特定行上滑动到屏幕右侧，将行拖出屏幕，显示删除对话框，其中点，您可以响应删除对话框，或者只是滑动另一行，这具有选择原始行的“删除”选项的效果，而对话框现在呈现给您刚刚滑动的行。

我该怎么做/手掌发布示例代码显示了如何完成或类似的事情？

Answer 1

在列表操作下的这个链接中，它谈到了它。滑动删除时显示的空间，其中可能包含确认按钮。

.palm-row.palm-swipe-delete

.palm-row.palm-swipe-delete 
.palm-swipe-delete-button

.palm-row.palm-swipe-delete 
.palm-swipe-undo-button

查看此文档以获取示例

Answer 2

在 enyo 中，您需要在列表中使用 swipeableitem 类型。我假设您使用的是 VirtualRepeater，但它也适用于其他类型的列表。

...
{kind:enyo.VirtualRepeater, ... , components:[
    {kind:enyo.SwipeableItem, onConfirm:"deleteItem", components:[
        ...
    ]},
]},
...
deleteItem:function(inSender,inIndex)
{
    //delete item inIndex
},
...

请注意，在 enyo 中，在显示另一个项目的删除提示时滑动一个项目会导致它取消，而不是确认。