layui.extend({ admin: '{/}../../static/js/admin' }); layui.use(['table', 'jquery','form', 'admin'], function() { var table = layui.table, $ = layui.jquery, form = layui.form, admin = layui.admin; table.render({ elem: '#articleList', cellMinWidth: 80, cols: [ [{ type: 'checkbox' }, { field: 'id',title: 'ID',sort: true }, { field: 'title',title: '标题',templet: '#usernameTpl' }, { field: 'date',title: '发布时间',sort: true }, { field: 'category',title: '分类',sort: true }, { field: 'sort',title: '排序',sort: true }, { field: 'recommend',title: '推荐',templet: '#recommendTpl',unresize: true }, { field: 'top',title: '置顶',templet: '#topTpl',unresize: true }, { field: 'review',title: '审核',templet: '#reviewTpl',unresize: true }, { field: 'operate',title: '操作',toolbar: '#operateTpl',unresize: true }] ], data: [{ "id": "1", "title": "WeAdmin的第一个版本在不断地抽空完善学习中", "date": "2018-02-03", "category": "官方动态", "sort": "1", "recommend": "checked", "top": "checked" }, { "id": "2", "title": "WeAdmin的测试数据一二三四五六七", "date": "2018-02-03", "category": "新闻资讯", "sort": "1", "recommend": "", "top": "checked" }], event: true, page: true }); /* *数据表格中form表单元素是动态插入,所以需要更新渲染下 * http://www.layui.com/doc/modules/form.html#render * */ $(function(){ form.render(); }); var active = { getCheckData: function() { //获取选中数据 var checkStatus = table.checkStatus('articleList'), data = checkStatus.data; //console.log(data); //layer.alert(JSON.stringify(data)); if(data.length > 0) { layer.confirm('确认要删除吗?' + JSON.stringify(data), function(index) { layer.msg('删除成功', { icon: 1 }); //找到所有被选中的,发异步进行删除 $(".layui-table-body .layui-form-checked").parents('tr').remove(); }); } else { layer.msg("请先选择需要删除的文章!"); } }, Recommend: function() { var checkStatus = table.checkStatus('articleList'), data = checkStatus.data; if(data.length > 0) { layer.msg("您点击了推荐操作"); for(var i = 0; i < data.length; i++) { console.log("a:" + data[i].recommend); data[i].recommend = "checked"; console.log("aa:" + data[i].recommend); form.render(); } } else { console.log("b"); layer.msg("请先选择"); } //$(".layui-table-body .layui-form-checked").parents('tr').children().children('input[name="zzz"]').attr("checked","checked"); }, Top: function() { layer.msg("您点击了置顶操作"); }, Review: function() { layer.msg("您点击了审核操作"); } }; $('.demoTable .layui-btn').on('click', function() { var type = $(this).data('type'); active[type] ? active[type].call(this) : ''; }); /*用户-删除*/ window.member_del = function(obj, id) { layer.confirm('确认要删除吗?', function(index) { //发异步删除数据 $(obj).parents("tr").remove(); layer.msg('已删除!', { icon: 1, time: 1000 }); }); } }); function delAll(argument) { var data = tableCheck.getData(); layer.confirm('确认要删除吗?' + data, function(index) { //捉到所有被选中的,发异步进行删除 layer.msg('删除成功', { icon: 1 }); $(".layui-form-checked").not('.header').parents('tr').remove(); }); }