123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239 |
- var gis = gis || {};
- gis.tree = function() {
- };
- /*
- * 用于对 Ajax 返回数据进行预处理的函数。[setting.async.enable = true 时生效]
- */
- gis.tree.filter = function(treeId, parentNode, childNodes) {
- return childNodes;
- }
- /*
- * 设置 zTree 是否显示节点的图标
- */
- gis.tree.showIconForTree = function(treeId, treeNode) {
- return false;
- //return !treeNode.isParent;
- }
- /*
- * 初始化树节点,动态勾选
- */
- gis.tree.inittreeCheck = function(treeId){
- if(parent&&parent.gis&&parent.gis.script&&parent.gis.script.layersInitconfigObject){
- var treeObj = $.fn.zTree.getZTreeObj(treeId);
- var layersInitconfigObject=parent.gis.script.layersInitconfigObject;
- if(treeObj){
- var nodes = treeObj.getNodes();
- gis.tree.updatecb(treeObj,nodes,layersInitconfigObject);
- }
- }
- }
- /*
- * 根据配置动态勾选选择框
- */
- gis.tree.updatecb = function(treeObj,nodes,layersInitconfigObject){
- if(nodes&&nodes.length){
- for(var i in nodes){
- var node=nodes[i];
- //console.log('>3>node:',node);
- if(node.layername){
- //treeObj.checkNode(node, true, true);
- treeObj.checkNode(node, false, true);
- if(layersInitconfigObject&&layersInitconfigObject[node.layername]&&layersInitconfigObject[node.layername].length){
- var layerObj=layersInitconfigObject[node.layername][0];
- if(layerObj&&layerObj.isshow&&layerObj.isshow==="true"){
- treeObj.checkNode(node, true, true);
- }
- }
-
-
- continue;
- }
-
- gis.tree.updatecb(treeObj,node.children,layersInitconfigObject);
-
- }
-
- }
- }
- /*
- * 用于捕获 checkbox / radio 被勾选 或 取消勾选的事件回调函数,在此控制地图的图层显示
- */
- gis.tree.onCheck= function(event, treeId, node) {
- //alert(treeNode.tId + ", " + treeNode.name + "," + treeNode.checked);
- if(parent&&parent.gis&&parent.gis.script&&parent.gis.script.settrendsLayer){
- if(node.layername){
- parent.gis.script.settrendsLayer(node.layername,node.checked+"");
- }else{
- var nodes=node.children;
- if(nodes&&nodes.length){
- for(var i in nodes){
- var inode=nodes[i];
- if(inode.layername){
- parent.gis.script.settrendsLayer(inode.layername,node.checked+"");
- }
- }
- }
- }
- //console.log('>3>node:',parent.gis.script.layersInitconfigObject);
- parent.gis.script.switchtoLayer();
- }
-
- }
- /*
- * tree加载完成后动态添加图例
- */
- gis.tree.addtl= function(id){
- /*
- $.each($("#"+id).find('.layercass'), function(i,val){
- var ua=$(val);
- ua.append('<span class="button ico_close" style="width: 16px; height: 16px;float:right;padding-left:5px;"></span>');
- });
- */
- var tlcss={};
- tlcss.gkMarkLayer={background:'background: url('+contextPath+'/theme/images/gis/GK_TL.png) no-repeat scroll 0 0 transparent;'};
- tlcss.gqvectorLayer={background:'background: url('+contextPath+'/theme/images/gis/GQ_TL1.png) no-repeat scroll 0 0 transparent;'};
- tlcss.zyqvectorLayer={background:'background: url('+contextPath+'/theme/images/gis/GQ_TL1.png) no-repeat scroll 0 0 transparent;'};
-
- tlcss.bwvectorLayer={background:'background: url('+contextPath+'/theme/images/gis/BW_TL.png) no-repeat scroll 0 0 transparent;'};
- tlcss.mtvectorLayer={background:'background: url('+contextPath+'/theme/images/gis/MT_TL.png) no-repeat scroll 0 0 transparent;'};
- tlcss.boatonLayers={background:'background: url('+contextPath+'/theme/images/gis/boat_TL.png) no-repeat scroll 0 0 transparent;'};
-
- tlcss.markersQskLayer={background:'background: url('+contextPath+'/theme/images/gis/aq_qsk_TL1.png) no-repeat scroll 0 0 transparent;'};
- tlcss.markersWxwqyLayer={background:'background: url('+contextPath+'/theme/images/gis/aq_wxhwqy_TL.png) no-repeat scroll 0 0 transparent;'};
- tlcss.markersYjwzkLayer={background:'background: url('+contextPath+'/theme/images/gis/aq_yywzk_TL.png) no-repeat scroll 0 0 transparent;'};
-
- tlcss.jyrlayers={background:'background: url('+contextPath+'/theme/images/gis/JYR_TL2.png) no-repeat scroll 0 0 transparent;'};
-
-
- $.each($("#"+id).find('li'), function(i,val){
- var ua=$(val);
- if(ua){
- var subli=ua.find('li');
- if(!subli||subli.length==0){
- var lcass = ua.find('.layercass');
- if(lcass&&lcass.length==1){
- //alert(lcass.attr('id'));
- //ua.append('<span style="width: 16px; height: 16px;float:right;padding-left:0px;'+tlcss.gkMarkLayer.background+'"></span>');
- if(lcass.attr('id')){
- var layerbackground=tlcss[lcass.attr('id')];
- if(layerbackground&&layerbackground.background){
- ua.append('<span style="width: 24px; height: 24px;position: absolute;right:0px;'+layerbackground.background+'"></span>');
- }
-
- }
-
- }
- }
- }
- });
- /*
- $.each($("#"+id).find('li'), function(i,val){
- var ua=$(val);
- if(ua){
- var uaParent=ua.parent();
- if(uaParent&&uaParent.attr("id")&&uaParent.attr("id")!='tree'){
- var lcass = ua.find('.layercass');
- if(lcass&&lcass.length==1){
- //alert(lcass.attr('id'));
- //ua.append('<span style="width: 16px; height: 16px;float:right;padding-left:0px;'+tlcss.gkMarkLayer.background+'"></span>');
- if(lcass.attr('id')){
- var layerbackground=tlcss[lcass.attr('id')];
- if(layerbackground&&layerbackground.background){
- ua.append('<span style="width: 24px; height: 24px;position: absolute;right:0px;'+layerbackground.background+'"></span>');
- }
-
- }
-
- }
- }
- }
-
- });
- */
-
- }
- gis.tree.controlNodeData= function(nodes){
- try{
- if(nodes&&nodes.length){
- if(parent&&parent.layerUserControl&&typeof(parent.layerUserControl)!='undefined'){
- //alert(parent.layerUserControl);
- for(var ik=0;ik<nodes.length;ik++){
- var node=nodes[ik];
- if(node&&!gis.script.isBlank(node.controlid)){
- var isHidden=parent.layerUserControl[node.controlid];
- if(typeof(isHidden)!='undefined'){
- node.isHidden=(isHidden==false);
- }
- }
- }
- }
- }
- }catch(e){
-
- }
- }
- $(document).ready(function() {
- var setting = {
- view: {
- //selectedMulti: false,
- showIcon: gis.tree.showIconForTree,
- dblClickExpand: false,
- nameIsHTML: true
- },
- check: {
- enable: true,
- chkboxType : {"Y": "ps", "N": "ps"},
- },
- callback: {
- onCheck:gis.tree.onCheck
- },
- data: {
- simpleData: {
- enable: true
- }
- }
- };
-
- //,isHidden:true
- var zNodes =[
- { id:1, pId:0, name:"港口、港区、作业区", open:true},
- { id:11, pId:1, name:"<span id='gkMarkLayer' class='layercass'>港口</span>",layername:"gkMarkLayer"},
- { id:12, pId:1, name:"<span id='gqvectorLayer' class='layercass'>港区</span>",layername:"gqvectorLayer"},
- { id:13, pId:1, name:"<span id='zyqvectorLayer' class='layercass'>作业区</span>",layername:"zyqvectorLayer"},
- { id:2, pId:0, name:"码头、泊位", checked:false, open:true},
- { id:21, pId:2, name:"<span id='bwvectorLayer' class='layercass'>泊位</span>",layername:"bwvectorLayer"},
- { id:22, pId:2, name:"<span id='mtvectorLayer' class='layercass'>码头</span>",layername:"mtvectorLayer"},
- { id:5, pId:0, name:"船舶", checked:false, open:true,controlid:"boatonLayers"},
- { id:51, pId:5, name:"<span id='boatonLayers' class='layercass'>船舶</span>",layername:"boatonLayers"},
- { id:3, pId:0, name:"经营人", checked:false, open:true},
- { id:31, pId:3, name:"<span id='jyrlayers' class='layercass'>经营人</span>",layername:"jyrlayers"},
- { id:4, pId:0, name:"安全监管", checked:false, open:true,controlid:"aqjgLayers"},
- { id:41, pId:4, name:"<span id='markersWxwqyLayer' class='layercass'>危险危货物企业</span>",layername:"markersWxwqyLayer"},
- { id:42, pId:4, name:"<span id='markersQskLayer' class='layercass'>取水口</span>",layername:"markersQskLayer"},
- { id:43, pId:4, name:"<span id='markersYjwzkLayer' class='layercass'>应急物资库</span>",layername:"markersYjwzkLayer"},
- { id:6, pId:0, name:"锚地", checked:false, open:true},
- { id:61, pId:6, name:"<span id='mdvectorLayer' class='layercass'>锚地</span>",layername:"mdvectorLayer"}
- ];
- gis.tree.controlNodeData(zNodes);
-
- $.fn.zTree.init($("#tree"), setting, zNodes);
- gis.tree.inittreeCheck("tree");
- parent.gis.script.tckztreeloadover=true;
-
- //gis.tree.addtl("tree");
- });
|