EasyUI实现回收站

实现效果

页面的datagrid删除选中的行，回收站添加删除了的行

'recycle': function () {
    // 获取所有选中行（要删除的数据）
    let rs = employeetable.datagrid('getSelections');
    if (rs.length < 1) {
        $.messager.alert('提示', '请选中一行', 'warning');
        return;
    }
    // 遍历所有选中行
    for (let row of rs) {
        // 加入回收站
        recycleBin.datagrid('appendRow', row);
        // 页面删除数据
        let index = employeetable.datagrid('getRowIndex', row);
        employeetable.datagrid('deleteRow', index);
    }
}

以上代码仅在页面不展示数据，如果要改面后台数据，可用以下方案

• 在数据表添加一个字段，0表示被删除，1表示没有被删除的数据
• 如果页面删除数据，则把数据库中的1改为0，恢复数据反之
• 页面查询数据则查找为1的数据，回收站查找为0的数据

转载于:https://my.oschina.net/u/4107179/blog/3030560