category-edit.js 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. layui.extend({
  2. admin: '{/}../../static/js/admin'
  3. });
  4. layui.use(['admin', 'jquery', 'element', 'upload', 'form', 'layer', 'layedit'], function() {
  5. var admin = layui.admin,
  6. $ = layui.jquery,
  7. element = layui.element,
  8. upload = layui.upload,
  9. form = layui.form,
  10. layer = layui.layer,
  11. layedit = layui.layedit;
  12. //图片上传
  13. //上传缩略图,设定文件大小限制
  14. upload.render({
  15. elem: '#topicImg',
  16. url: '/upload/',
  17. size: 500 //限制文件大小,单位 KB
  18. ,
  19. done: function(res) {
  20. console.log(res)
  21. }
  22. });
  23. //选择文件,栏目模板
  24. upload.render({
  25. elem: '#topicModelBtn',
  26. url: '/upload/',
  27. auto: false,
  28. accept: 'file'
  29. //,multiple: true
  30. ,
  31. bindAction: '#editTopic',
  32. choose: function(res) {
  33. //var files = res.pushFile();
  34. //预读本地文件,如果是多文件,则会遍历。(不支持ie8/9)
  35. res.preview(function(index, file, result) {
  36. //console.log(index); //得到文件索引
  37. //console.log(file); //得到文件对象
  38. //console.log(result); //得到文件base64编码,比如图片
  39. $('input[name=topicModel]').val(file.name);
  40. //console.log($('input[name=topicModel]').val())
  41. });
  42. }
  43. });
  44. layedit.build('topicBody'); //建立编辑器
  45. //监听提交
  46. form.on('submit(add)', function(data) {
  47. console.log(data.field);
  48. //发异步,把数据提交给php
  49. layer.alert("增加成功", {
  50. icon: 6
  51. }, function() {
  52. // 获得frame索引
  53. var index = parent.layer.getFrameIndex(window.name);
  54. //关闭当前frame
  55. parent.layer.close(index);
  56. });
  57. return false;
  58. });
  59. //遍历select option
  60. $(document).ready(function() {
  61. $("#pid-select option").each(function(text) {
  62. var level = $(this).attr('data-level');
  63. var text = $(this).text();
  64. //console.log(text);
  65. if(level > 0) {
  66. text = "├ " + text;
  67. for(var i = 0; i < level; i++) {
  68. text = "  " + text;  //js中连续显示多个空格,需要使用全角的空格
  69. //console.log(i+"text:"+text);
  70. }
  71. }
  72. $(this).text(text);
  73. });
  74. form.render('select'); //刷新select选择框渲染
  75. });
  76. });