list.js 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. layui.extend({
  2. admin: '{/}../../static/js/admin'
  3. });
  4. layui.use(['table', 'jquery','form', 'admin'], function() {
  5. var table = layui.table,
  6. $ = layui.jquery,
  7. form = layui.form,
  8. admin = layui.admin;
  9. table.render({
  10. elem: '#articleList',
  11. cellMinWidth: 80,
  12. cols: [
  13. [{
  14. type: 'checkbox'
  15. }, {
  16. field: 'id',title: 'ID',sort: true
  17. }, {
  18. field: 'title',title: '标题',templet: '#usernameTpl'
  19. }, {
  20. field: 'date',title: '发布时间',sort: true
  21. }, {
  22. field: 'category',title: '分类',sort: true
  23. }, {
  24. field: 'sort',title: '排序',sort: true
  25. }, {
  26. field: 'recommend',title: '推荐',templet: '#recommendTpl',unresize: true
  27. }, {
  28. field: 'top',title: '置顶',templet: '#topTpl',unresize: true
  29. }, {
  30. field: 'review',title: '审核',templet: '#reviewTpl',unresize: true
  31. }, {
  32. field: 'operate',title: '操作',toolbar: '#operateTpl',unresize: true
  33. }]
  34. ],
  35. data: [{
  36. "id": "1",
  37. "title": "WeAdmin的第一个版本在不断地抽空完善学习中",
  38. "date": "2018-02-03",
  39. "category": "官方动态",
  40. "sort": "1",
  41. "recommend": "checked",
  42. "top": "checked"
  43. }, {
  44. "id": "2",
  45. "title": "WeAdmin的测试数据一二三四五六七",
  46. "date": "2018-02-03",
  47. "category": "新闻资讯",
  48. "sort": "1",
  49. "recommend": "",
  50. "top": "checked"
  51. }],
  52. event: true,
  53. page: true
  54. });
  55. /*
  56. *数据表格中form表单元素是动态插入,所以需要更新渲染下
  57. * http://www.layui.com/doc/modules/form.html#render
  58. * */
  59. $(function(){
  60. form.render();
  61. });
  62. var active = {
  63. getCheckData: function() { //获取选中数据
  64. var checkStatus = table.checkStatus('articleList'),
  65. data = checkStatus.data;
  66. //console.log(data);
  67. //layer.alert(JSON.stringify(data));
  68. if(data.length > 0) {
  69. layer.confirm('确认要删除吗?' + JSON.stringify(data), function(index) {
  70. layer.msg('删除成功', {
  71. icon: 1
  72. });
  73. //找到所有被选中的,发异步进行删除
  74. $(".layui-table-body .layui-form-checked").parents('tr').remove();
  75. });
  76. } else {
  77. layer.msg("请先选择需要删除的文章!");
  78. }
  79. },
  80. Recommend: function() {
  81. var checkStatus = table.checkStatus('articleList'),
  82. data = checkStatus.data;
  83. if(data.length > 0) {
  84. layer.msg("您点击了推荐操作");
  85. for(var i = 0; i < data.length; i++) {
  86. console.log("a:" + data[i].recommend);
  87. data[i].recommend = "checked";
  88. console.log("aa:" + data[i].recommend);
  89. form.render();
  90. }
  91. } else {
  92. console.log("b");
  93. layer.msg("请先选择");
  94. }
  95. //$(".layui-table-body .layui-form-checked").parents('tr').children().children('input[name="zzz"]').attr("checked","checked");
  96. },
  97. Top: function() {
  98. layer.msg("您点击了置顶操作");
  99. },
  100. Review: function() {
  101. layer.msg("您点击了审核操作");
  102. }
  103. };
  104. $('.demoTable .layui-btn').on('click', function() {
  105. var type = $(this).data('type');
  106. active[type] ? active[type].call(this) : '';
  107. });
  108. /*用户-删除*/
  109. window.member_del = function(obj, id) {
  110. layer.confirm('确认要删除吗?', function(index) {
  111. //发异步删除数据
  112. $(obj).parents("tr").remove();
  113. layer.msg('已删除!', {
  114. icon: 1,
  115. time: 1000
  116. });
  117. });
  118. }
  119. });
  120. function delAll(argument) {
  121. var data = tableCheck.getData();
  122. layer.confirm('确认要删除吗?' + data, function(index) {
  123. //捉到所有被选中的,发异步进行删除
  124. layer.msg('删除成功', {
  125. icon: 1
  126. });
  127. $(".layui-form-checked").not('.header').parents('tr').remove();
  128. });
  129. }