easyui绘制父子节点树

迷南。 2021-09-29 00:40 218阅读 0赞

效果图:  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzQ5NTM5MA_size_16_color_FFFFFF_t_70]  
代码:  
function convert(rows) \{  
function exists(rows, pkparent) \{  
for (var i = 0; i < rows.rows.length; i++) \{  
if (rows.rows\[i\].pkog == pkparent)  
return true;  
\}  
return false;  
\}  
var nodes = \[\];//所有一级父级

for (var i = 0; i < rows.rows.length; i++) {
    			        var row = rows.rows[i];
    			        if (!exists(rows, row.pkparent)) {
    			            nodes.push({
    			                pkog: row.pkog,
    			                pkparent:row.pkparent,
    			                ogname:row.ogname,
    			                ogrange:row.ogrange,
    			                humannumber:row.humannumber,
    		      				peoplenumbers:row.peoplenumbers,
    		      				pkstaAdmin:row.pkstaAdmin,
    							pkstaAssistant:row.pkstaAssistant 
    			            });
    			        }
    			    }
    			    
    			    var toDo = [];
    			    
    			    for (var i = 0; i < nodes.length; i++) {
    			        toDo.push(nodes[i]);
    			    }
    			    
    			    while (toDo.length) {
    			    
    			        var node = toDo.shift();
    			        
    			        for (var i = 0; i < rows.rows.length; i++) {
    			            
    			            var row = rows.rows[i];
    			            
    			            if (row.pkparent == node.pkog) {
    			                var child = {
    			                    pkog: row.pkog,
    				                pkparent:row.pkparent,
    				                ogname:row.ogname,
    				                ogrange:row.ogrange,
    				                humannumber:row.humannumber,
    			      				peoplenumbers:row.peoplenumbers,
    			      				pkstaAdmin:row.pkstaAdmin,
    								pkstaAssistant:row.pkstaAssistant 
    			                };
    			                if (node.children) {
    			                    node.children.push(child);
    			                } else {
    			                    node.children = [child];
    			                }
    			                toDo.push(child);
    			            }
    			        }
    			    } 
    			    return nodes;
    	} 2''

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzQ5NTM5MA_size_16_color_FFFFFF_t_70]: /images/20210920/3b7697de6ac14392b1858ffbc0dae14e.png