物业微信小程序开发_layui table 参数设置方法

摘要: layui table 主要参数设定方式 今日网编就为大伙儿共享一篇layui table 主要参数设定方式,具备非常好的参照使用价值,期待对大伙儿有一定的协助。一起追随网编回来看一下吧Stri...

layui table 参数设置方法       今天小编就为大家分享一篇layui table 参数设置方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" html head base href=" %=basePath% " rel="external nofollow" meta charset="utf-8" meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" title 用户信息表 /title meta http-equiv="pragma" content="no-cache" meta http-equiv="cache-control" content="no-cache" meta http-equiv="expires" content="0" meta http-equiv="keywords" content="keyword1,keyword2,keyword3" meta http-equiv="description" content="This is my page" link rel="stylesheet" type="text/css" href="styles.css" rel="external nofollow" link rel="stylesheet" type="text/css" href="js/layui-v2.2.6/layui/css/layui.css" rel="external nofollow" media="all" /head script type="text/javascript" src="js/jquery-3.1.1.min.js" /script script type="text/javascript" src="js/layui-v2.2.6/layui/layui.all.js" /script script type="text/html" id="barDemo" a lay-event="detail" 查看 /a a lay-event="edit" 编辑 /a a lay-event="del" 删除 /a /script script type="text/javascript" $(function(){ layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element'], function(){ var laydate = layui.laydate //日期 ,laypage = layui.laypage //分页 ,layer = layui.layer //弹层 ,table = layui.table //表格 ,carousel = layui.carousel //轮播 ,upload = layui.upload //上传 ,element = layui.element; //元素操作 //监听Tab切换 element.on('tab(demo)', function(data){ layer.msg('切换了:'+ this.innerHTML); console.log(data); //执行一个 table 实例 table.render({ elem: '#userList' ,height: 'full' ,url: 'user/selectUserList.do' //数据接口 ,method: 'POST' ,cellMinWidth: 80 //全局定义常规单元格的最小宽度,layui 2.2.1 新增 ,page: { //支持传入 laypage 组件的所有参数(某些参数除外,如:jump/elem) - 详见文档 layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局 //,curr: 5 //设定初始在第 5 页 ,grou凡科抠图: 5 //只显示 5 个连续页码 ,first: true //显示首页 ,last: true //显示 ,limits : [2,3] ,cols: [[ //表头 {checkbox : true} ,{field: 'id', title: 'ID', width:50, sort: true, fixed: 'left'} ,{field: 'name', title: '用户名', width:200} ,{field: 'username', title: '账号', width:200, sort: true} ,{field: 'tel', title: '电话', width:200} ,{field: 'QQ', title: 'QQ', width: 200} ,{field: 'WeChat', title: '微信', width: 200, sort: true} ,{field: 'role', title: 'role', width: 80, sort: true} ,{field: 'createDate', title: '创建时间', width: 200} ,{field: 'isDelete', title: '是否删除', width: 200, sort: true} ,{fixed: 'right', title:'操作' , width: 200, align:'center', toolbar: '#barDemo'} ,where : { //传值 startDate : startDate, ,response: { statusName: 'code' //数据状态的字段名称,默认:code ,statusCode: 200 //成功的状态码,默认:0 ,msgName: 'message' //状态信息的字段名称,默认:msg ,countName: 'totalCount' //数据总数的字段名称,默认:count ,dataName: 'data' //数据列表的字段名称,默认:data }/* , done: function(res, curr, count){ //如果是异步请求数据方式,res即为你接口返回的信息。 //如果是直接赋值的方式,res即为:{data: [], count: 99} data为当前页数据、count为数据总长度 console.log(res.data); //得到当前页码 console.log(curr); //得到数据总量 console.log(count); } */ //监听工具条 table.on('tool(userList)', function(obj){ //注:tool是工具条事件名,test是table原始容器的属性 lay-filter="对应的值" console.log(obj) var data = obj.data //获得当前行数据 ,layEvent = obj.event; //获得 lay-event 对应的值 if(layEvent === 'detail'){ layer.msg('查看操作'); } else if(layEvent === 'del'){ layer.confirm('真的删除行么', function(index){ obj.del(); //删除对应行(tr)的DOM结构 layer.close(index); //向服务端发送删除指令 } else if(layEvent === 'edit'){ layer.msg('编辑操作'); /script body fieldset legend 默认表格 /legend /fieldset div table id="userList" lay-filter="userList" /table /div /body /html

Controller

.xiaoye.app.controller;
import java.sql.SQLException;
.apache.log4j.Logger;
.springframework.beans.factory.annotation.Autowired;
.springframework.stereotype.Controller;
.springframework.web.bind.annotation.RequestMapping;
.springframework.web.bind.annotation.RequestMethod;
.springframework.web.bind.annotation.ResponseBody;
.mon.MsgReturn;
.xiaoye.app.constant.passWordUtil;
.xiaoye.app.entity.User;
.xiaoye.app.service.UserService;
.xiaoye.app.util.PropertyCodeMsgUtil;
.xiaoye.app.util.StringUtil;
@Controller(value = "userController")
 * @author xiaoye
 * @date 2018年5月3日
 * 此类的全局访问 "user/xxx.do"
@RequestMapping(value = "user/")
public class UserController {
 @Autowired
 // @Qualifier("userService")
 private UserService userService;
 private static final Logger logger = Logger.getLogger(UserController.class);
 @RequestMapping(value = "login", method = RequestMethod.POST)
 @ResponseBody
 public MsgReturn login(User user) {
 if (user == null) {
 return MsgReturn.ERROR_PARAM;
 String password = user.getPassword();
 if (StringUtil.isEmpty(user.getUsername()) || StringUtil.isEmpty(password)) {
 return MsgReturn.ERROR_PARAM;
 user.setPassword(passWordUtil.md5ToRandomMd5(password));
 try {
 return userService.login(user);
 } catch (SQLException e) {
 e.printStackTrace();
 (PropertyCodeMsgUtil.getPropertyValue(MsgReturn.EXCEPTION_SQL), e);
 return MsgReturn.ERROR_ERROR;
 @RequestMapping(value = "selectUserList", method = RequestMethod.POST)
 @ResponseBody
 public MsgReturn selectUserList(User user) {
 try {
 return userService.selectUserList(user);
 } catch (SQLException e) {
 e.printStackTrace();
 (PropertyCodeMsgUtil.getPropertyValue(MsgReturn.EXCEPTION_SQL), e);
 return MsgReturn.ERROR_ERROR;

返回类型

MsgReturn

.mon;
.xiaoye.app.util.PropertyCodeMsgUtil;
 * 前后台返回数据用的桥接
 * @author xiaoye
 * @date 2018年5月3日 
public class MsgReturn {
 * 成功/错误码
 private String code;
 * 提示信息
 private Object message;
 * 返回数据
 private Object data;
 // --------系统错误--------
 * 系统繁忙
 public static String ERROR = "0";
 * 参数错误
 public static String ERROR_PARAME = "1";
 * 登录异常
 public static String LOAD_ERROR = "2";
 * 登录失败
 public static String LOAD_EXCEPTION = "3";
 * 無數據
 public static String NODATA = "4";
 // --------用户错误--------
 * 验证码错误
 public static String VERIFICATION_CODE_ERROR = "10";
 * 用户名不存在
 public static String USERNAME_NOT_EXIST = "11";
 * 密码错误
 public static String PASSWOR_ERROR = "12";
 * 手机号码长度有误
 public static String TEL_LENGTH_ERROR = "13";
 * 请输入正确的手机号
 public static String TEL_IS_FALSE = "14";
 * 邮箱格式有误
 public static String EMAIL_FORMAT_ERROR = "15";
 /** ---------------300 异常
 * 数据库异常
 public static String EXCEPTION_SQL = "300";
 * 成功
 public static String SUCCESS = "200";
 private Integer totalCount;
 * 系统繁忙
 public static MsgReturn ERROR_ERROR = new MsgReturn(ERROR, PropertyCodeMsgUtil.getPropertyValue(ERROR));
 * 参数错误
 public static MsgReturn ERROR_PARAM = new MsgReturn(ERROR_PARAME, PropertyCodeMsgUtil.getPropertyValue(ERROR_PARAME));
 * 操作成功
 public static essMsg = new MsgReturn(SUCCESS, PropertyCodeMsgUtil.getPropertyValue(SUCCESS));

public MsgReturn(String code, Object message, Object data, Integer totalCount) { super(); this.code = code; this.message = message; this.data = data; this.totalCount = totalCount; public static ess(Object data) { return new MsgReturn(SUCCESS, PropertyCodeMsgUtil.getPropertyValue(SUCCESS), data); public static ess(Object message, Object data) { return new MsgReturn(SUCCESS, message, data); public static MsgReturn ERROR(Object data) { return new MsgReturn(ERROR_PARAME, null, data); public static MsgReturn NODATA() { return new MsgReturn(NODATA, PropertyCodeMsgUtil.getPropertyValue(NODATA), null); * 参数错误 * @return public static MsgReturn PARAM_ERROR() { return new MsgReturn(ERROR_PARAME, PropertyCodeMsgUtil.getPropertyValue(ERROR_PARAME), null); public String getCode() { return code; public void setCode(String code) { this.code = code; public Object getMessage() { return message; public void setMessage(String message) { this.message = message; public Object getdata() { return data; public void setdata(Object data) { this.data = data;
public String toString() { return "MsgReturn [code=" + code + ", message=" + message + ", data=" + data + ", totalCount=" + totalCount + "]";

以上这篇layui table 参数设置方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持凡科。




联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503