简单地从数据拿到数据,然后返回到前端去;值得注意的是要将url返回的数据格式写成layui要求的才可以成功!
HTML:
<table id="content" lay-filter="DeleteClass"></table>
<script type="text/html" id="BarContent">
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
`
js
table.render({
elem: '#content'
, height: 'full-200'
, url: '/ClassManager/getClassName'
, cols: [[//标题
{field: 'classname', title: '班级名称'}
,{fixed: 'right', title:'操作', toolbar: '#BarContent'}
]]
});
table.on('tool(DeleteClass)', function(obj){
var data=obj.data;
if(obj.event === 'del'){
layer.confirm('删除['+data.classname+']?', function(index){
$.ajax({
url: '/ClassManager/DeleteClass',
data: {"className":data.classname},
type: "POST",
success:function (data) {
if(data['status']=="success"){ //从前台取回的状态值
layer.close(index);
//同步更新表格和缓存对应的值
obj.del();
layer.msg("删除成功", {icon: 6});
}else {
layer.msg("删除失败", {icon: 5});
}
}
})
});
}
});
controller:
@RequestMapping("/getClassName")
@ResponseBody
public Object GetClassName(HttpServletRequest request) throws JSONException {
String loginUser = request.getSession().getAttribute("loginUser").toString();
Integer UserId = userinfoService.queryByUserName(loginUser).getId();
List<Teachermanangeclass> list = teachermanangeclassService.queryByUserID(UserId);
Map<String, Object> result = new HashMap<String, Object>();
result.put("code", 0);
result.put("msg", "");
result.put("count", 0);
result.put("data", list);
// 将其转换为JSON数据,并压入值栈返回
return result;
}