layui删除数据刷新当前表格

在 layui 中，可以通过 table.reload() 方法来重新加载当前表格数据并刷新。具体实现步骤如下：

1. 获取当前表格的实例对象，例如：

var table = layui.table;
var tableIns = table.render({ // 渲染表格
  // ...
});

2. 在删除数据的回调函数中，调用 table.reload() 方法，例如：

// 删除数据的回调函数
function deleteData() {
  // 执行删除操作...
  
  // 刷新表格
  table.reload('tableId', { // tableId 为当前表格的 id
    page: {
      curr: 1 // 刷新到第一页
    }
  });
}

注意，reload() 方法的第一个参数为当前表格的 id，第二个参数为可选参数，用于指定表格刷新的配置项，例如刷新到第几页等。

相关问题

layui删除怎么刷新当前分页

在 layui 中，如果你使用了分页组件，那么你可以通过以下步骤来实现删除后刷新当前分页：

1. 在删除数据的 Ajax 请求成功后，调用 layui 的 table.reload() 方法来刷新当前表格数据，示例代码如下：

$.ajax({
  url: '删除数据的接口地址',
  type: 'POST',
  data: {id: '要删除的数据的 ID'},
  success: function(res) {
    // 删除成功后，刷新表格数据
    table.reload('表格的 ID', {
      page: {
        curr: $('.layui-laypage-em').next().html() // 获取当前页码
      }
    });
  }
});

2. 在刷新表格数据时，将当前页码作为参数传递给 reload() 方法，这样就可以使刷新后的表格显示在当前页。上述代码中，我们使用 `$('.layui-laypage-em').next().html()` 来获取当前页码，这是因为 layui 的分页组件中，当前页码的 HTML 元素是一个 `em` 标签，而其后面的兄弟元素则是当前页码的数字。

以上就是实现删除后刷新当前分页的方法，希望能对你有所帮助。

layui删除刷新当前分页，当前页没有数据了显示无数据，但是上一页有数据

可以通过监听 layui的分页组件的页码变化事件，当页码变化时，发送请求获取当前页的数据，如果当前页没有数据，则将分页组件的页码设置为上一页，并重新发送请求获取上一页的数据。如果上一页也没有数据，则显示“无数据”提示。以下是示例代码：

// 监听分页组件的页码变化事件
layui.use(['table', 'laypage'], function(){
  var table = layui.table;
  var laypage = layui.laypage;

  // 渲染表格
  table.render({
    // ...
    page: true,
    // ...
  });

  // 监听分页组件的页码变化事件
  laypage.on('pageChanged', function(obj){
    // 发送请求获取当前页的数据
    $.ajax({
      url: '/api/getData',
      data: {
        page: obj.curr,
        limit: obj.limit
      },
      success: function(res){
        // 判断当前页是否有数据
        if (res.data.length > 0) {
          // 渲染表格
          table.reload('tableId', {
            data: res.data,
            page: {
              curr: obj.curr
            }
          });
        } else {
          // 当前页没有数据，回退到上一页
          if (obj.curr > 1) {
            laypage.render({
              elem: 'page',
              count: res.totalCount,
              limit: obj.limit,
              curr: obj.curr - 1,
              jump: function(obj, first){
                if (!first) {
                  // 重新发送请求获取上一页的数据
                  $.ajax({
                    url: '/api/getData',
                    data: {
                      page: obj.curr,
                      limit: obj.limit
                    },
                    success: function(res){
                      // 判断上一页是否有数据
                      if (res.data.length > 0) {
                        // 渲染表格
                        table.reload('tableId', {
                          data: res.data,
                          page: {
                            curr: obj.curr
                          }
                        });
                      } else {
                        // 上一页也没有数据，显示“无数据”提示
                        table.reload('tableId', {
                          data: [],
                          page: {
                            curr: obj.curr,
                            count: 0
                          }
                        });
                      }
                    }
                  });
                }
              }
            });
          } else {
            // 当前页和上一页都没有数据，显示“无数据”提示
            table.reload('tableId', {
              data: [],
              page: {
                curr: obj.curr,
                count: 0
              }
            });
          }
        }
      }
    });
  });
});