listtree

最新推荐文章于 2024-01-21 00:17:47 发布

weixin_34133829

最新推荐文章于 2024-01-21 00:17:47 发布

阅读量76

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/u/1861097/blog/676836

版权

2019独角兽企业重金招聘Python工程师标准>>>

newModuleModule.directive('listHierarchy',function($compile){
return{
scope:{
add:'=',
isadd:'=',
getdata:'=',
setvalues:'=',
delete:'&' ,
renameobject:'='//重命名
},
restrict:'E',
replace:true,
template:['<div class="listMain layeredListTree"><div class="treeMain">',
'<table class="treeTable" cellpadding="0" border="1" cellspacing="0" width="100%" ></table><div></div>'].join(''),

link:function(scope,element,attr){
scope.addName=$i18n('src_app_business_newModule_newModule_js_1');
scope.clearName=$i18n('src_app_business_newModule_newModule_js_2');

var CHECKED ='checked';
var LEFT='left';
var number =0;
var hierarchy='hierarchy';
var lova ='lova';
var PADDINGLEFT=30;
var TOPID=-1;//顶级id-1;

function getTr(){
var node =$('<tr><td><i class="icon icon-uniE902"></i><i class="childflag">▼</i><b class="of"></b><span></span></td></tr>');
node.find('i').css({fontStyle:'normal'});
node.find('.childflag').hide();
node.find('span').addClass('glyphicon glyphicon-trash del');
return node;
}

scope.renameobject=reNameObject;
function reNameObject(object){
for(var key in object){
element.find('[flowid='+key+']').find('b').html(object[key]).attr('title',object[key]);
}
}

function getChildflagByParent(){
return this.find('.childflag');
}

scope.add=addfn;
scope.isadd=isSelectedNode;
scope.addfn=function(){
addfn();
};

function isSelectedNode(){
var checkedli =element.find('.treeTable .'+CHECKED);
if(checkedli.length || !element.find('.treeTable tr').length){
return true;
}else{
return false;
}
}

//添加子节点
if(checkedli.length){
var parentLeft=parseInt(checkedli.attr(LEFT));
var parentid=checkedli.attr('flowid');
tr.attr({LEFT:parentLeft+PADDINGLEFT,parentid:parentid,flowid:id});
tr.find('td').css({'paddingLeft':parentLeft+PADDINGLEFT+'px'});
child=element.find('[parentid='+parentid+']:last');
if(child.length){//有儿子
var descendants =getlastChild(child.attr('flowid'));
if(descendants){//如果最后一个儿子节点还存在儿子，则在最后的子孙后面追加
descendants.after(tr);
getChildflagByParent.call($('[flowid='+descendants.attr('parentid')+']')).show();
}else{
child.after(tr);
getChildflagByParent.call($('[flowid='+child.attr('parentid')+']')).show();
}
}else{
checkedli.after(tr);
getChildflagByParent.call(checkedli).show();
}
$compile(tr)(scope.$parent);
return addData;
//第一次新增顶级对象
}else if(!element.find('.treeTable tr').length){
tr.attr({LEFT:0,flowid:id,parentid:TOPID});
tr.find('td').css({'paddingLeft':0});
element.find('.treeTable').append(tr);
$compile(tr)(scope.$parent);
return addData;
//alert('请选择')
}else{
return false;
}
}

function deletetr(){
var checked = this;
var data=checked.data();

if(element.find('.treeTable tr').length==1){
checked.remove();
//传递事件
exec();
return
}

var parentid= checked.attr('parentid');

function exec(){
if(('delete' in scope) && typeof(scope.delete) =='function')
scope.delete(data);
}
}

}

//获取数据
scope.getdata =function(){
var arr=[];
element.find('.treeTable tr').each(function(i,v){
var o =$(this);
arr.push({
pid:o.attr('parentid'),
id:o.attr('flowid'),
value: o.find('b').html()
})
});
var listData= $.extend(true,[],arr);
var treeData =toTreeData(arr);
return {
listData:listData,
treeData:treeData[0] || {}
}
};

//回填数据
scope.setvalues=setValuefn;
function setValuefn(data){
var table = $('<table></table>');
if(data.length && angular.isArray(data)){
$.each(data,function(i,v){
var tr =getTr();
tr.attr({'flowid':v.id,parentid:v.pid,left:v.left});
tr.find('td').css({'paddingLeft':v.left+'px'});
tr.find('b').html(v.value).attr('title', v.value);
tr.data({id:v.id,label:v.value});
table.append(tr);
});
element.find('.treeTable').append(table.find('tr'));
}
};

var obj=tree[posArr[0]];
for(var j=1;j<posArr.length;j++){
obj=obj.children[posArr[j]];
}

obj.children.push({
id:data[i].id,
value:data[i].value,
children:[]
});
pos[data[i].id]=posArr.concat([obj.children.length-1]);
data.splice(i,1);
i--;
}
}
i++;
if(i>data.length-1){
i=0;
}
}
return tree;
}
function setListLeft(treeData){
var step =30;
var cache =[];
fn(treeData);
function fn(data,n){
n=n?n:0;
var temp={};
if(typeof(data)=='object'){
if((data instanceof Array)){
for(var i =0 ;i <data.length ;i++){
fn(data[i],n);
}
}else if((data instanceof Object)){
for(var k in data){
if(!('left' in data)){
data['left']=n+=step;
}
if(('id' in data) && !('flag' in data)){
temp = $.extend(false,temp,data);
delete temp.child;
data['flag']=true;
cache.push(temp);
}
fn(data[k],n);
}
}
}else{
//console.log(data);
}
}
return cache;
}

element.find('.treeTable')
.delegate('tr','click',function(event){
var me =$(this);
var isclick=me.hasClass('checked');
//return;
element.find('.treeTable tr.'+CHECKED).removeClass(CHECKED);
if(isclick){
me.removeClass(CHECKED)
}else{
me.addClass(CHECKED)
}
})
.delegate('.del','click',function(event){
deletetr.call($(this).closest('tr'));
event.stopPropagation();
});
scope.clearfn=function(){
element.find('.treeTable').empty();
number=0;
}
}
}
});