LayUI搜索及表格数据重载

一、前端代码

 

二、layui及js代码

// 数据搜索
var active = {
  search: function () {
    var gameId = $('#game_id')
      , pkgName = $('#pkg_name')
      , gameName = $('#game_name')
      , gameType = $('#game_type')
      , index = layer.msg('查询中,请稍后。。。', {icon:16, time:false, shade:0});
    setTimeout(function () {
      table.reload('v3_games', {  // v3_games为table标签ID
        url: '/admin/v3/v3_games'
        ,methods:"post"
        ,request: {
         pageName: 'page' //页码的参数名称,默认:page
         ,limitName: 'limit' //每页数据量的参数名,默认:limit
        }
        ,where: {
         'game_id': gameId.val(),
         'game_name': gameName.val(),
         'game_type': gameType.val(),
         'pkg_name': pkgName.val(),
        }
        ,page: {
          curr: 1
        }
      });
      layer.close(index);
    }, 800);
  }
};

$('.layui-btn.layuiadmin-btn-useradmin').on('click', function(){
  var type = $(this).data('type');
  active[type] ? active[type].call(this) : '';
});

你可能感兴趣的:(LayUI搜索及表格数据重载)