精华内容
下载资源
问答
  • Layui数据表格

    2020-01-10 10:47:00
    Layui数据表格SpringBoot项目实现Layui数据表格分页、查看和编辑 SpringBoot项目实现Layui数据表格分页、查看和编辑 项目目录: index.html: 使用Layui需要引用Layui的css和js,需要注意的是,Layui的使用依赖...

    SpringBoot项目实现Layui数据表格分页、查看和编辑

    Layui官网:table 数据表格文档 - layui.table
    项目目录:
    在这里插入图片描述
    index.html:
    使用Layui需要引用Layui的css和js,需要注意的是,Layui的使用依赖jQuery,所以还需要引入jQuery,且jQuery的引入要放在Layui.js之前,Layui.js引入放在下面

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
      <link rel="stylesheet" href="../layui/css/layui.css">
      <script  src="../js/jquery-3.3.1.js"></script>
    <style type="text/css">
    </style>
    </head>
    <body>
    	<!-- 数据表格 -->
    	<table class="layui-hide" id="demo" lay-filter="test"></table>
     
     <!-- 右侧按钮 -->
    <script type="text/html" id="barDemo">
      <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
      <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
      <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    </script>
    
    <script src="../layui/layui.js"></script>
    <script src="../js/index.js"></script>
    </body>
    </html>
    

    index.js:

    layui.use(['laypage', 'layer', 'table', 'element'], function() {
    	var laypage = layui.laypage //分页
    	  ,layer = layui.layer //弹层
    	  ,table = layui.table //表格
    	  ,element = layui.element //元素操作
    
    	  //执行一个 table 实例
    	  table.render({
    	    elem: '#demo'
    	    ,height: 420
    	    ,id: 'table'
    	    ,url: '/user/tableData' //数据接口
    	    //,cellMinWidth: 80
    	    ,title: '用户表'
    	    ,page: true //开启分页
    	    ,toolbar: 'default' //开启工具栏,此处显示默认图标,可以自定义模板,详见文档
    	    ,totalRow: true //开启合计行
    	    ,cols: [[ //表头
    	       {type: 'checkbox', fixed: 'left'}
    		    ,{field: 'id', title: 'ID',width:80,sort: true}
    		    ,{field: 'name', title: '姓名',width:80,sort: true,totalRowText: '合计:'}
    		    ,{field: 'age', title: '年龄',width:80,sort: true,totalRow: true}
    		    ,{fixed: 'right', width: 165, align:'center', toolbar: '#barDemo'}
    	    ]]
    	  });
    	  
    	  //监听头工具栏事件
    	  table.on('toolbar(test)', function(obj){
    	    var checkStatus = table.checkStatus(obj.config.id)
    	    ,data = checkStatus.data; //获取选中的数据
    	    switch(obj.event){
    	      case 'add':
    	        layer.msg('添加');
    	      break;
    	      case 'update':
    	        if(data.length === 0){
    	          layer.msg('请选择一行');
    	        } else if(data.length > 1){
    	          layer.msg('只能同时编辑一个');
    	        } else {
    	          layer.alert('编辑 [id]:'+ checkStatus.data[0].id);
    	        }
    	      break;
    	      case 'delete':
    	        if(data.length === 0){
    	          layer.msg('请选择一行');
    	        } else {
    	          layer.msg('删除');
    	        }
    	      break;
    	    };
    	  });
    	  
    	  //监听行工具事件
    	  table.on('tool(test)', function(obj){ //注:tool 是工具条事件名,test 是 table 原始容器的属性 lay-filter="对应的值"
    	    var data = obj.data //获得当前行数据
    	    ,layEvent = obj.event; //获得 lay-event 对应的值
    	    
    	    var editList=[]; //存放获取到的那条json数据中的value值(不放key)
    	    $.each(data,function(name,value) {//循环遍历json数据
    	        editList.push(value);//将json数据中的value放入数组中(下面的子窗口显示的时候要用到)
    	    });
    	    
    	    if(layEvent === 'detail'){
    	      layer.msg('查看操作');
    	      layer.open({
    	    	  type: 1
    	    	  ,offset: 'auto' //具体配置参考:offset参数项
    	    	  ,content: '<div style="padding: 20px 80px;"><div><div><label>id:</label><span>'+data.id+'</span></div><div><label>姓名:</label><span>'+data.name+'</span></div><div><label>年龄:</label><span>'+data.age+'</span></div></div></div>'
    	    	  ,btn: '关闭全部'
    	    	  ,btnAlign: 'c' //按钮居中
    	    	  ,shade: 0 //不显示遮罩
    	    	  ,yes: function(){
    	    	    layer.closeAll();
    	    	  }
    	    	});
    	    } else if(layEvent === 'del'){
    	      layer.confirm('真的删除行么', function(index){
    	        obj.del(); //删除对应行(tr)的DOM结构
    	        layer.close(index);
    	        //向服务端发送删除指令
    	      });
    	    } else if(layEvent === 'edit'){
    	    	console.log(data);
    	      layer.msg('编辑操作');
    	      layer.open({
    	    	  type: 2 //Page层类型
    	    	  ,area: ['500px', '300px']
    	    	  ,title: '你好,layer。'
    	    	  ,shade: 0.6 //遮罩透明度
    	    	  ,maxmin: true //允许全屏最小化
    	    	  ,anim: 1 //0-6的动画形式,-1不开启
    	    	  ,content: 'userTableEdit.html'
        		  ,success: function(layero, index){
                      var body = layer.getChildFrame('body', index);  
                      var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method();  
                      var inputList = body.find("input");//获取到子窗口的所有的input标签
                      for (var i = 0; i < inputList.length; i++ ) { 
                         $(inputList[i]).val(editList[i]); //遍历子窗口的input标签,将之前数组中的值一次放入显示
                      }    
                  }   
    	      }); 
    	    }
    	  });
    })
    

    userTableEdit.html:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
      <link rel="stylesheet" href="../layui/css/layui.css">
      <script  src="../js/jquery-3.3.1.js"></script>
    </head>
    <body>
    <form class="layui-form" action="" style="padding:30px 70px 0 0;">
      <div class="layui-form-item">
        <label class="layui-form-label">ID</label>
        <div class="layui-input-block">
          <input type="text" name="id"  required  lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">姓名</label>
        <div class="layui-input-block">
          <input type="text" name="name"  required  lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">年龄</label>
        <div class="layui-input-block">
          <input type="text" name="age"  required  lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
        </div>
      </div>
      
      <div class="layui-form-item">
        <div class="layui-input-block">
          <button class="layui-btn" lay-submit lay-filter="formDemo">提交</button>
          <!-- <button type="reset" class="layui-btn layui-btn-primary">重置</button> -->
        </div>
      </div>
    </form>
    <script src="../layui/layui.js"></script>
    <script src="../js/houtai.js"></script>
    <script>
    //Demo
    layui.use('form', function(){
      var form = layui.form;
      
      //监听提交
      form.on('submit(formDemo)', function(data){
        layer.msg(JSON.stringify(data.field));
        return false;
      });
    });
    </script>
    </body>
    </html>
    

    userController.java:

    @Controller
    @RequestMapping("/user")
    public class UserController {
    	
    	@Autowired
    	private UserService userService;
    	
    	/**
    	* 页面跳转
    	*/
    	@RequestMapping("/{page}")
    	public String showPage(@PathVariable String page){
    	return page;
    	}
    	
    	/**
    	 * 表格数据
    	 * @return
    	 */
    	@RequestMapping("/tableData")
    	@ResponseBody
    	public Map<String,Object> tableData(int page,int limit){ //接收当前页码,每页最大数据量
    		System.err.println(page+","+limit);
    		Map<String,Object> map = new HashMap<String,Object>();
    		int count = userService.countUser();
    		List list = userService.selectUserAll();
    		
    		//分页subList数据
    		int length = list.size();
    		int left = limit*(page-1);
    		int right = limit*page;
    		List subList = null;
    		if(length<right){
    			subList = list.subList(left,length);
    		}else{
    			subList = list.subList(left,right);
    		}
    		
    		map.put("code", 0);
    		map.put("msg", "");
    		map.put("count",count);
    		map.put("data", subList);
    		System.err.println("/user/tableData");
    		return map;
    	}
    }
    

    实现效果:
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • LayUI数据表格

    2018-12-11 16:23:47
    自用LayUI数据表格数据转换 package com.util; import java.util.List; import com.fasterxml.jackson.core.JsonProcessingException; import com.fasterxml.jackson.databind.ObjectMapper; public class ...

    自用LayUI数据表格数据转换

    package com.util;
    
    import java.util.List;
    
    import com.fasterxml.jackson.core.JsonProcessingException;
    import com.fasterxml.jackson.databind.ObjectMapper;
    
    public class LayuiToString {
    	/**
    	 * @param count
    	 * @param list
    	 * 总数和分页的list
    	 * @throws JsonProcessingException
    	 */
    	public static String listToString(int count,List<?> list) throws JsonProcessingException{
    		ObjectMapper mapper = new ObjectMapper();
    		String jsonlist = mapper.writeValueAsString(list);
    		StringBuffer sb = new StringBuffer();
    		sb.append("{\"count\":");
    		sb.append(count);
    		sb.append(",\"code\":");
    		sb.append(0);
    		sb.append(",\"msg\":");
    		sb.append("null");
    		sb.append(",\"data\":");
    		sb.append(jsonlist);
    		sb.append("}");
    		String jsonString = sb.toString();
    		return jsonString;
    	}
    }
    
    
    
    展开全文
  • layui数据表格

    千次阅读 2017-12-19 15:02:09
    发现一个问题,layui数据表格赋值已知数据时,若赋值‘test’这种类型的数据,它会自动把标签去掉。显示test
    发现一个问题,layui数据表格赋值已知数据时,若赋值‘<a>test</a>’这种类型的数据,它会自动把标签去掉。显示test
    
    展开全文
  • layui 数据表格

    2019-02-25 16:34:21
    -- 数据表格头部工具栏 --> <h2><span>商品列表 <!-- 表格部分 --> <div class="layui-row"> <div class="layui-col-xs12"> <div class="layui-card"> <!-- 数据表格 --> <table class="layui-...

    goods_list.jsp

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    <meta name="author" content="order by dede58.com"/>
    		<title>商品列表</title>
    		<jsp:include page="situation/head.jsp"></jsp:include>
    		<%--js文件--%>
    		<script src="${pageContext.request.contextPath}/js/goods/goods_list.js"></script>
    
    	</head>
    	<body>
        <input type="hidden" name="contextPath" id="contextPath" value="${pageContext.request.contextPath}">
    
    
    
    	<%--编辑--%>
    	<script type="text/html" id="barDemo">
    		<a class="layui-btn layui-btn-xs" lay-event="edit" >编辑</a>
    		<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    	</script>
    
    	<!-- 数据表格头部工具栏 -->
    	<script type="text/html" id="toolbarDemo">
    		<h2><span></span>商品列表</h2>
    
    	</script>
    	<!-- 表格部分 -->
    	<div class="layui-row">
    		<div class="layui-col-xs12">
    			<div class="layui-card">
                         <!-- 数据表格 -->
    					<table class="layui-hide" lay-filter="test" id="goods_list"></table>
    			</div>
    		</div>
    	</div>
    
    	<div class="layui-row" id="uplTest" >
    		<br>
    		<div class="layui-col-md10">
    			<form class="layui-form" action="" lay-filter="updateform">
    
    				<div class="layui-form-item">
    					<label class="layui-form-label">商品名称:</label>
    					<div class="layui-input-block">
    						<input type="text" name="commodityName" id="commodityName" placeholder="请输入商品名称" lay-verify="required"  autocomplete="off" class="layui-input">
    					</div>
    				</div>
    
    				<div class="layui-form-item">
    					<label class="layui-form-label">是否上架</label>
    					<div class="layui-input-block">
    
    						<select name="status" id="status">
    							<option value="下架">下架</option>
    							<option value="上架">上架</option>
    
    						</select>
    					</div>
    				</div>
    
    				<div class="layui-form-item">
    					<label class="layui-form-label">所属分类</label>
    					<div class="layui-input-block">
    						<select name="commodityCategoryId" id="commodityCategoryId">
    
    						</select>
    					</div>
    				</div>
    
    				<div class="layui-form-item">
    					<label class="layui-form-label">商品售价:</label>
    					<div class="layui-input-block">
    						<input type="text" name="price" id="price" placeholder="请输入售价"  lay-verify="required"  autocomplete="off" class="layui-input">
    					</div>
    				</div>
    				<div class="layui-form-item">
    					<label class="layui-form-label">销售提成:</label>
    					<div class="layui-input-block">
    						<input type="text" name="commissions" id="commissions" placeholder="请输入销售提成"   lay-verify="required"  autocomplete="off" class="layui-input">
    					</div>
    				</div>
    				<div class="layui-form-item">
    					<label class="layui-form-label">商品库存:</label>
    					<div class="layui-input-block">
    						<input type="text" name="repertory" id="repertory" placeholder="请输入销售库存"   lay-verify="required"  autocomplete="off" class="layui-input">
    					</div>
    				</div>
    
    
    
    				<div class="layui-form-item">
    					<label class="layui-form-label">商品描述:</label>
    					<div class="layui-input-block">
    						<textarea placeholder="请输入内容" lay-verify="required" class="layui-textarea" id="description" name="description"></textarea>
    					</div>
    
    				</div>
    
    
    
    				<div class="layui-form-item">
    					<div class="layui-input-block">
    						<button class="layui-btn" lay-submit lay-filter="formDemo">修改商品</button>
    						<button type="reset" class="layui-btn layui-btn-primary">重置</button>
    					</div>
    				</div>
    			</form>
    		</div>
    	</div>
    
    	</body>
    
    </html>
    
    

    goods_list.js

    layui.use(['table', 'layer', 'form', 'element', 'jquery', 'tree'],
        function () {
            var table = layui.table,
                layer = layui.layer,
                form = layui.form,
                element = layui.element,
                $ = layui.jquery, // 重点处
                tree = layui.tree;
            var contextPath = $("#contextPath").val();
            form.render();// from菜单渲染 把内容加载进去
    
            // 方法级渲染
            table.render({
                elem: '#goods_list',// 指定表格元素
                toolbar: '#toolbarDemo', // 开启工具栏,此处显示默认图标,可以自定义模板,详见文档
                // totalRow: true,// 开启合计行
                url: contextPath + '/goods/goodsList', // 请求路径
                skin: 'line ', // 表格风格 line (行边框风格)row (列边框风格)nob  // (无边框风格)
                // layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] ,//自定义分页布局
                cols: [[{
                    checkbox: true,
    
                }, {
                    field: 'commodityId',
                    title: '商品ID',
                    align: 'center',
                    hide: true,
                    fixed: false
                }, {
                    field: 'commodityName',
                    title: '商品名称',
                    align: 'center',
                }, {
                    field: 'price',
                    title: '商品价格',
                    align: 'center',
                }, {
                    field: 'repertory',
                    title: '商品库存',
                    align: 'center',
                }, {
                    field: 'status',
                    title: '商品状态',
                    align: 'center',
                    templet: function (d) {
                        var state = "";
                        //当是上架状态的时候
                        if (d.status == "上架") {
                            state = "<input type='checkbox' value='"+d.commodityId+"' id='status' lay-filter='stat' checked='checked' name='status'  lay-skin='switch' lay-text='上架|下架' >";
                        }
                        else {
                            state = "<input type='checkbox' value='"+d.commodityId+"' id='status' lay-filter='stat'  name='status'  lay-skin='switch' lay-text='上架|下架' >";
                        }
                        return state;
                    }
    
                }, {
                    field: 'commodityCategoryId',
                    title: '分类id',
                    hide: true,
                },
                    {
                        field: 'addtime',
                        title: '添加时间',
                        align: 'center',
                    },
    
                    {
                        title: '操作',
                        align: 'center',
                        toolbar: '#barDemo',
                        // templet : function(d) {
                        //     return "";
                        // }
    
                    },
    
    
                ]],
    
                //这个表格的id
                id: 'userReload',
                // 开启分页
                page: true,
    
                // 每页条数的选择项,默认:[10,20,30,40,50,60,70,80,90]。
                // limits: [10, 20],
                groups: 1, //只显示 1 个连续页码
                // method: 'get', // 提交方式
    
            });
    
            // 查询 数据渲染 重载
            var $ = layui.$, active = {
                reload: function () {
                    // 执行重载
                    table.reload('userReload', {
                        page: {
                            // 重新从第 1 页开始
                            // curr: 1
                        },
                        where: {}
                    });
                }
    
            };
    
            $('.demoTable .layui-btn').on('click', function () {
                var type = $(this).data('type');
                active[type] ? active[type].call(this) : '';
            });
    
            //监听行工具事件
            table.on('tool(test)', function (obj) {
                var data = obj.data;
                // console.log(obj);
                //删除
                switch (obj.event) {
                    case  'del':
                        if (data.status != "上架") {
                            layer.confirm('真的删除行这个商品吗?', function (index) {
                                $.ajax({
                                    type: "get",
                                    url: contextPath + '/goods/goodsCommDel',
                                    data: {
                                        //删除的参数
                                        "commodityId": data.commodityId
                                    },
                                    success: function (data) {
                                        if (data == 1) {
                                            layer.msg('删除成功',
                                                // 提示的样式
                                                {icon: 1, time: 2000,});
    
                                            // 数据重载
                                            active.reload();
                                        }
                                        else {
                                            layer.msg('删除失败,可能是你没有权限!',
                                                // 提示的样式
                                                {icon: 2, time: 2000,});
                                        }
                                    }
                                });
                            });
                        }
                        //如果是上架,不给他删除
                        else {
                            layer.msg('无法删除',
                                // 提示的样式
                                {icon: 2, time: 2000,});
                        }
                        break;
                }
                //修改
                switch (obj.event) {
    
                    case  'edit':
                        /*修改需要一个弹出框*/
                        form.render();// from菜单渲染 把内容加载进去
                        //分类下拉框
                        indexcommoCatList();
    
                        var index = layer.open({
                        type: 1,
                        area: ['60%','50%'],
                        content: $("#uplTest").html(),
                        title: "修改商品",
                        success() {
                            //对弹窗的表单数据进行处理
                            //表单初始赋值
                            form.val('updateform', {
                                "commodityName": data.commodityName
                                , "status": data.status//是否上架
                                , "commodityCategoryId": data.commodityCategoryId //分类
                                , "price": data.price //售价
                                , "commissions": data.commissions  //销售提成
                                , "repertory": data.repertory    //商品库存
                                , "description": data.description    //商品描述
                            })
                        }
                    });
    
    
                        //点击修改
                        form.on('submit(formDemo)', function (d) {
                            $.post(contextPath + '/goods/goodsCommUpdate', {
                                    "commodityId": data.commodityId,
                                    "commodityName": d.field.commodityName,
                                    "status": d.field.status,
                                    "commodityCategoryId": d.field.commodityCategoryId,
                                    "price": d.field.price,
                                    "commissions": d.field.commissions,
                                    "repertory": d.field.repertory,
                                    "description": d.field.description,
                                },
                                function (d) {
                                    if (d > 0) {
                                        // 提示的样式
                                        layer.msg('修改成功', {icon: 1, time: 4000,});
                                        //数据重载
                                        active.reload();
                                        layer.close(index);
                                    }
                                    else {
                                        // 提示的样式
                                        layer.msg('权限不足', {icon: 2, time: 2000,});
                                    }
    
    
                                });
                            return false;
                        });
    
    
                        break;
                }
            });
    
    
            /* , success: function (layero, index) {
                     var body = layer.getChildFrame('body', index);  // body.html() body里面的内容
                     console.log( data.commodityName);
                     body.find("#commodityName").val(data.commodityName);
                 }*/
    
            /*查询分类*/
    
            // 下拉框
            function indexcommoCatList() {
                $.ajax({
                    url: contextPath + '/CommCat/commoCatList',
                    dataType: 'json',
                    type: 'post',
                    async: false,
                    success: function (data) {
    
                        //清除下拉框里面的数据
                        $("#commodityCategoryId").find("option").remove();
                        //对后台放回的值进行处理
                        $.each(data, function (index, item) {
                            // console.log(item);
                            //给这个下拉框绑定值
                            $('#commodityCategoryId').append(
                                new Option(item.commodityCategoryName,
                                    item.commodityCategoryId));// 往下拉菜单里添加元素
                            form.render('select');// from菜单渲染 把内容加载进去
                        })
    
    
                    }
                })
            }
    
    
            //监听开关事件
            form.on('switch(stat)', function (data) {
                var contexts;
                var x = data.elem.checked;//判断开关状态
                if (x==true) {
                    contexts = "上架";
                } else {
                    contexts = "下架";
                }
                //自定义弹窗
                layer.open({
                     content: "你确定要"+contexts+"?"
                    , btn: ['确定', '取消']
                    , yes: function (index, layero) {
                        //按钮确定【按钮一】的回调
                        data.elem.checked = x;
                        //对商品进行上架或下架处理
                        $.ajax({
                            type: "post",
                            url: contextPath + '/goods/goodsCommUpdate',
                            data: {
                                //上下架的参数
                                "commodityId": data.value,
                                "status":contexts
                            },
                            success: function (data) {
                                if (data == 1) {
                                    layer.msg(contexts+'成功',
                                        // 提示的样式
                                        {icon: 1, time: 2000,});
    
                                    // 数据重载
                                    active.reload();
                                }
                                else {
                                    layer.msg(contexts+'失败,可能是你没有权限!',
                                        // 提示的样式
                                        {icon: 2, time: 2000,});
                                }
                            }
                        });
    
                        form.render();
                        layer.close(index);
    
                    }
                    , btn2: function (index, layero) {
                        //按钮【按钮二】的回调
                        data.elem.checked = !x;
                        form.render();
                        layer.close(index);
                        //return false 开启该代码可禁止点击该按钮关闭
                    }
                    , cancel: function () {
                        //右上角关闭回调
                        data.elem.checked = !x;
                        form.render();
                       // return false; //开启该代码可禁止点击该按钮关闭
                    }
                });
    
                return false;
    
            });
    
    
        });
    
    
    展开全文
  • LayUI 数据表格 URL

    千次阅读 2020-04-10 13:51:09
    LayUI数据表格–URL URL LayUI数据表格URL默认Get请求 aspx请求cs url:请求链接; method:以何种方式请求; where:请求参数
  • 主要介绍了layui数据表格实现重载数据表格功能,以搜索功能为例进行讲解,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • layui数据表格与后台数据连接,包含了layui数据表格的增加散出和修改以及显示的功能,利用jsp+servlet+dao层+T表+数据库
  • layui数据表格导出Excel插件 博客地址: https://www.cnblogs.com/YunRuiSoftWare/p/13346396.html
  • 今天小编就为大家分享一篇Layui数据表格之获取表格中所有的数据方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 今天小编就为大家分享一篇LayUi数据表格自定义赋值方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 今天小编就为大家分享一篇基于layui数据表格以及传数据的方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui数据表格url是数据接口,用来接收数据的,其中LayUI数据表格URL默认为Get请求,语句格式如“URL:'sypaysrhlist.aspx?action=...'”。 本教程操作环境:Windows7系统、layui2.4版,该方法适用于所有品牌电脑。 ...
  • layui数据表格行数据的修改

    千次阅读 2019-09-18 10:51:38
    layui数据表格行数据的修改 嗯~我就拿我需要实现的功能来跟你们讲吧 如下图 图中我给layui数据表格的全票金额和半票金额开启了单元格编辑 我想要实现的功能是半票金额会随全票金额的输入而改变 全票金额也会随半票...
  • Layui数据表格缓存清空

    千次阅读 2019-10-14 11:05:42
    Layui数据表格缓存
  • 今天小编就为大家分享一篇Layui数据表格之单元格编辑方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui数据表格案列

    万次阅读 2019-07-12 11:47:32
    layui数据表格增删改查demo 1.列表页 界面 代码 <div class="demoTable"> 搜索昵称: <div class="layui-input-inline"> <input type="text" id="search_key" class="layui-input" >...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,292
精华内容 1,316
关键字:

layui数据表格