利用ajax实现表格的重载,layui表格数据重载

本文实例为大家分享了Java实现图片旋转、指定图像大小、水平翻转，供大家参考，具体内容如下

html代码

搜索

添加

js代码

layui.use('table', function(){

var table = layui.table;

table.render({

elem: '#userTable',

url:'${HPath}/sUser/SelectUserTable',

cellMinWidth: 80,

cols: [[

{field:'userID', title: '用户ID', sort: true},

{field:'userName', title: '用户名称'},

{field:'powerName', title: '权限名称'},

{field:'mailbox', title: '邮箱'},

{field:'operatUsers', title: '操作', templet: function(d){

var html = '';

html += '修改';

html += '删除';

return html

}, fixed: 'right', width: 130

}

]],

id:'userTableReload',

limit: 10,

page:true

});

//根据条件查询表格数据重新加载

var $ = layui.$, active = {

reload: function(){

//获取用户名

var demoReload = $('#userName');

//执行重载

table.reload('userTableReload', {

page: {

curr: 1 //重新从第 1 页开始

}

//根据条件查询

,where: {

userName:demoReload.val()

}

});

}

};

//点击搜索按钮根据用户名称查询

$('#selectbyCondition').on('click',

function(){

var type = $(this).data('type');

active[type] ? active[type].call(this) : '';

});

});

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

时间： 2019-07-26