Jquery 自定义函数在iframe子父页面的相互绑定与触发

痛定思痛。 2022-05-26 03:39 99阅读 0赞

情景1.父页面的document绑定某函数，当加载完父页面iframe中的子页面的时候触发该方法
          //1.父页面绑定加载树方法
          $(document).on('onloadTree',function (event,rootNode){
    				$('#tt').tree('loadData', [rootNode]);
    			}); 
    	 //2.子页面触发该方法并且传入参数
         parent.$(window.parent.document).trigger('onloadTree', rootNode);
    	 
    情景2.子页面document绑定某函数，当父页面点击的时候触发该方法
          //1.子页面绑定方法	 
    	  		//绑定事件：点击树节点时选择model对应的node
    			parent.$(window.parent.document).on('treeClick', function(event,node) {
    
    				console.log("node====" + node);
    				//取消所有选择
    				// viewer.select([]);
    				//选择给定dbid的节点
    				// viewer.select(node.id);
    				//切换选择给定dbid的节点。若未选中，则选中；若被选中，则取消选中。
    				// viewer.toggleSelect(node.id);
    				viewer.isolate(node.id); //隔离元素
    				//获取对应ID的属性
    				viewer.getProperties(node.id, function(objProp) {
    					if(objProp) {
    						//遍历每个属性
    						var rows = [];
    						for(var index in objProp.properties) {
    							var Prop = objProp.properties[index];
    							if(Prop.displayName == "parent" || Prop.displayName == "child" || Prop.displayName == "Name") {
    								continue;
    							}
    							rows.push({
    								name: Prop.displayName,
    								value: Prop.displayValue
    							});
    						}
    						//$('#gg').datagrid('loadData', {'total': rows.length, rows: rows});
    						//parent.onloadProperties(rows);
    						parent.$(window.parent.document).trigger('onloadProperties', {'total': rows.length, rows: rows});
    					}
    				});
    
    			});
    		
              //2.父页面点击触发
              //单击获取对应属性
    			$('#tt').tree({
    				onClick: function(node) {
    					$(document).trigger('treeClick',node);
    				}
    
    			});		  
    			
    		//3.子页面的方法中又触发了一个父页面的方法
              //加载属性	
    			$(document).on('onloadProperties',function (event,row){
    				debugger;
    				$('#gg').datagrid('loadData', row);
    			});