easyui树插件的开发与编写

easyui树插件的开发与编写

[{    
    "id":1,    
    "text":"Folder1",    
    "iconCls":"icon-save",    
    "children":[{    
        "text":"File1",    
        "checked":true   
    },{    
        "text":"Books",    
        "state":"open",    
        "attributes":{    
            "url":"/demo/book/abc",    
            "price":100    
        },    
        "children":[{    
            "text":"PhotoShop",    
            "checked":true   
        },{    
            "id": 8,    
            "text":"Sub Bookds",    
            "state":"closed"   
        }]    
    }]    
},{    
    "text":"Languages",    
    "state":"closed",    
    "children":[{    
        "text":"Java"   
    },{    
        "text":"C#"   
    }]    
}] 

布局

    
    部门
    


    

        
        

        
        

            

            
        
        

            

                

            
        
        

        

            

                
                
                	
                	
                    
                        
                            
                                 至 
                                

                            
                            
                                
                                    
                                    查询
                                
                                
                                    
                                    重置
                                
                            
                        
                    
                
            
        
        

            
            
            

            
            
        
      
  
    




var $streettree = $("#streettree");
var $dg = $("#dglist");
$streettree.tree({
    url: 'security/area/getStreetTree',
    method: 'GET',
    loadFilter: function (data, parent) {
    	//debugger;
        return data.data;
    },
    onSelect: function (node) {
        //console.log(node);
        debugger; 
        var flag = node.flag;
        var id = node.id;
        var idNode = "";
        if(flag.length>0&&flag=="1"&&id!="-1"){
        	idNode = node.id;
        	$("#streetTown").val(idNode);
        	$("#id").val("");
        }
        if(flag.length>0&&flag=="0"){
        	idNode = node.id;
        	$("#id").val(idNode);
        	$("#streetTown").val("");
        }
        if(flag.length>0&&flag=="1"&&id=="-1"){
        	idNode = node.id;
        	$("#id").val("");
        	$("#streetTown").val("");
        }
      /*$.ajaxSettings.async = false;
        $.post("alter/hismonitor/query",{"querystr":querystr},function(data) {
        }); */
        $dg.datagrid("load");        
    }

}); 

    $(function(){
    	//页面加载完毕的事件
        $Core.OnPageLoad(function () {
            $Core.Loading.HidePageLoading();
        });
    });

后台数据交换

@Table(name = "se_area")
public class Area {
	@Id
	private Integer areaId;
	private Integer parentId;
	private String areaName;
	private Double longitude;
	private Double latitude;
	private Integer level;
}

	@Override
	public List getHistorymonitory() {
		// TODO Auto-generated method stub
		List treeNodes = new ArrayList();
		Map rtnNode = new HashMap();
		List rtnNodes = new ArrayList();
		Area area = new Area();
		area.setLevel(3);
		List areaList = mapper.select(area);
	    for(Area areas : areaList) {
	    	List childrens = new ArrayList();	
	    	Map treeNode = new HashMap();
	    	treeNode.put("id", areas.getAreaId());
	    	treeNode.put("text", areas.getAreaName());
	    	treeNode.put("flag", "1");
	    	/*查询街道对应的用户*/
	    	List idByStreet = publicServicesUserService.getIdByStreet(areas.getAreaId());
	    	
	    	/*PublicServicesUser publicServicesUser = new PublicServicesUser();
	    	publicServicesUser.setStreetTown(areas.getAreaId().toString());
	    	List select = publicServicesUserMapper.select(publicServicesUser);*/
	    	
	    	for(PublicServicesUser users:idByStreet) {
	    		Map children = new HashMap();
	    		children.put("id", users.getId());
	    		children.put("text", users.getUserName());
	    		children.put("flag", "0");
	    		childrens.add(children);
	    	}
	    	if(childrens.size()>0) {
	    		treeNode.put("children", childrens);
	    	}else {
	    		treeNode.put("children", null);
	    	}
	    	treeNodes.add(treeNode);	
	    }
	    rtnNode.put("id", -1);
	    rtnNode.put("text", "街道");
	    rtnNode.put("flag", "1");
	    rtnNode.put("children", treeNodes);
	    rtnNodes.add(rtnNode);
		return rtnNodes;
	}