column.js 3.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. $(document).ready(function(){
  2. //列表下拉
  3. $('img[ds_type="flex"]').click(function(){
  4. var status = $(this).attr('status');
  5. if(status == 'open'){
  6. var pr = $(this).parent('td').parent('tr');
  7. var id = $(this).attr('fieldid');
  8. var obj = $(this);
  9. $(this).attr('status','none');
  10. //aja
  11. $.ajax({
  12. url: ADMINSITEURL+'/column/index?ajax=1&parent_id='+id,
  13. dataType: 'json',
  14. success: function(data){
  15. var src='';
  16. console.log(data);
  17. for(var i = 0; i < data.length; i++){
  18. var tmp_vertline = "<img class='preimg' src='templates/images/vertline.gif'/>";
  19. src += "<tr class='"+pr.attr('class')+" row"+id+"'>";
  20. if(data[i].have_child == 1){
  21. src += "<img fieldid='"+data[i].column_id+"' status='open' ds_type='flex' src='"+ADMINSITEROOT+"/images/treetable/tv-expandable.gif' />";
  22. }else{
  23. src += "<img fieldid='"+data[i].column_id+"' status='none' ds_type='flex' src='"+ADMINSITEROOT+"/images/treetable/tv-item.gif' />";
  24. }
  25. //图片
  26. src += "</td><td class='column_name'>";
  27. //名称
  28. for(var tmp_i=1; tmp_i < (data[i].deep-1); tmp_i++){
  29. src += tmp_vertline;
  30. }
  31. if(data[i].have_child == 1){
  32. src += " <img fieldid='"+data[i].cloumn_id+"' status='open' ds_type='flex' src='"+ADMINSITEROOT+"/images/treetable/tv-item1.gif' />";
  33. }else{
  34. src += " <img fieldid='"+data[i].cloumn_id+"' status='none' ds_type='flex' src='"+ADMINSITEROOT+"/images/treetable/tv-expandable1.gif' />";
  35. }
  36. src += " <span fieldname='column_name' >"+data[i].column_name+"</span>";
  37. //新增下级
  38. if(data[i].deep < 2){
  39. src += "<a class='btn-add-nofloat marginleft' href='"+ADMINSITEURL+"/column/add/parent_id/"+data[i].column_id+"'><span class='layui-btn layui-btn-xs'>新增下级</span></a>";
  40. }
  41. src += "</td>";
  42. src += "<td class='w48 column_order'>";
  43. //排序
  44. src += "<span title='可编辑' ajax_branch='column_order' datatype='number' fieldid='"+data[i].column_id+"' fieldname='column_order' ds_type='inline_edit' class='editable'>"+data[i].column_order+"</span>"
  45. src += "</td>";
  46. //操作
  47. src += "<td class='w84'>";
  48. src += "<span><a href=\"javascript:dsLayerOpen('" + ADMINSITEURL + "/column/edit/id/" + data[i].column_id + "','编辑-"+data[i].column_name+"')\" class='layui-btn layui-btn-xs'><i class='layui-icon layui-icon-edit'></i>编辑</a>";
  49. src += "<a href=\"javascript:dsLayerConfirm('" + ADMINSITEURL + "/column/del/id/" + data[i].column_id + "','删除该分类将会同时删除该分类的所有下级分类,您确定要删除吗');\" class='layui-btn layui-btn-xs layui-btn-danger'><i class='layui-icon layui-icon-delete'></i>删除</a>";
  50. src += "</td>";
  51. src += "</tr>";
  52. }
  53. //插入
  54. pr.after(src);
  55. obj.attr('status','close');
  56. obj.attr('src',obj.attr('src').replace("tv-expandable","tv-collapsable"));
  57. $('img[ds_type="flex"]').unbind('click');
  58. $('span[ds_type="inline_edit"]').unbind('click');
  59. //重现初始化页面
  60. $.getScript(ADMINSITEROOT+"/js/column.js");
  61. },
  62. error: function(){
  63. alert('获取信息失败');
  64. }
  65. });
  66. }
  67. if(status == 'close'){
  68. $(".row"+$(this).attr('fieldid')).remove();
  69. $(this).attr('src',$(this).attr('src').replace("tv-collapsable","tv-expandable"));
  70. $(this).attr('status','open');
  71. }
  72. })
  73. });