/** * 全局变量 * @param maticLayout 全局明明空间 */ var maticLayout={}; var count=null; $(function(){ init(); }); /** * 初始化方法 */ function init(){ /** * 布局列表配置参数 */ maticLayout={ items:[ {text:"布局一",icon:"_icon_url_1 _background_position _display _background_size _top" ,layoutData:[{column:"100%",row:[{id:"content1" ,value:"100%"}]}]}, {text:"布局二",icon:"_icon_url_2 _background_position _display _background_size _top",layoutData:[{column:"50%",row:[{id:"content1",value:"100%"}]},{column:"50%",row:[{id:"content2",value:"100%"}]}]}, {text:"布局四",icon:"_icon_url_2_2 _background_position _display _background_size _top",layoutData:[{column:"50%",row:[{id:"content1",value:"50%"},{id:"content2",value:"50%"}]}, {column:"50%",row:[{id:"content3",value:"50%"},{id:"content4",value:"50%"}]}]}, {text:"布局五",icon:"_icon_url_2_2_1 _background_position _display _background_size _top",layoutData:[{column:"25%",row:[{id:"content1",value:"50%"},{id:"content2",value:"50%"}]}, {column:"50%",row:[{id:"content3",value:"100%"}]}, {column:"25%",row:[{id:"content4",value:"50%"},{id:"content5",value:"50%"}]}]}, {text:"布局六",icon:"_icon_url_2_3 _background_position _display _background_size _top",layoutData:[{column:"33.33%",row:[{id:"content1",value:"50%"},{id:"content2",value:"50%"}]},{column:"33.33%",row:[{id:"content3",value:"50%"},{id:"content4",value:"50%"}]},{column:"33.33%",row:[{id:"content5",value:"50%"},{id:"content6",value:"50%"}]}]}, {text:"布局七",icon:"_icon_url_3_2_1 _background_position _display _background_size _top",layoutData:[{column:"25%",row:[{id:"content1",value:"33.33%"},{id:"content2",value:"33.33%"},{id:"content3",value:"33.33%"}]}, {column:"75%",row:[{id:"content4",value:"66.66%"},{id:"a2",value:"33.33%", layoutData:[{row:"100%",column:[{id:"content5",value:"33.33%"},{id:"content6",value:"33.33%"},{id:"content7",value:"33.33%"}]}]}]} ]}, {text:"布局八",icon:"_icon_url_2_4 _background_position _display _background_size _top",layoutData:[{column:"25%",row:[{id:"content1",value:"50%"},{id:"content2",value:"50%"}]},{column:"25%",row:[{id:"content3",value:"50%"},{id:"content4",value:"50%"}]}, {column:"25%",row:[{id:"content5",value:"50%"},{id:"content6",value:"50%"}]},{column:"25%",row:[{id:"content7",value:"50%"},{id:"content8",value:"50%"}]} ]}] }; /* maticLayout.items=[ {text:"1",icon:"_icon_url_1 _background_position _display _background_size _top" ,layoutData:[{column:"100%",row:[{id:"content1" ,value:"100%"}]}]}, {text:"2",icon:"_icon_url_2 _background_position _display _background_size _top",layoutData:[{column:"50%",row:[{id:"content1",value:"100%"}]},{column:"50%",row:[{id:"content2",value:"100%"}]}]}, {text:"4",icon:"_icon_url_2_2 _background_position _display _background_size _top",layoutData:[{column:"50%",row:[{id:"content1",value:"50%"},{id:"content2",value:"50%"}]}, {column:"50%",row:[{id:"content3",value:"50%"},{id:"content4",value:"50%"}]}]}, {text:"2X2+1",icon:"_icon_url_2_2_1 _background_position _display _background_size _top",layoutData:[{column:"25%",row:[{id:"content1",value:"50%"},{id:"content2",value:"50%"}]}, {column:"50%",row:[{id:"content3",value:"100%"}]}, {column:"25%",row:[{id:"content4",value:"50%"},{id:"content5",value:"50%"}]}]}, {text:"2X3",icon:"_icon_url_2_3 _background_position _display _background_size _top",layoutData:[{column:"33.33%",row:[{id:"content1",value:"50%"},{id:"content2",value:"50%"}]},{column:"33.33%",row:[{id:"content3",value:"50%"},{id:"content4",value:"50%"}]},{column:"33.33%",row:[{id:"content5",value:"50%"},{id:"content6",value:"50%"}]}]}, {text:"2X3+1",icon:"_icon_url_2_4 _background_position _display _background_size _top",layoutData:[{column:"25%",row:[{id:"content1",value:"33.33%"},{id:"content2",value:"33.33%"},{id:"content3",value:"33.33%"}]}, {column:"75%",row:[{id:"content4",value:"66.66%"},{id:"a2",value:"33.33%", layoutData:[{row:"100%",column:[{id:"content5",value:"33.33%"},{id:"content6",value:"33.33%"},{id:"content7",value:"33.33%"}]}]}]} ]}, {text:"2X4",icon:"_icon_url_3_2_1 _background_position _display _background_size _top",layoutData:[{column:"25%",row:[{id:"content1",value:"50%"},{id:"content2",value:"50%"}]},{column:"25%",row:[{id:"content3",value:"50%"},{id:"content4",value:"50%"}]}, {column:"25%",row:[{id:"content5",value:"50%"},{id:"content6",value:"50%"}]},{column:"25%",row:[{id:"content7",value:"50%"},{id:"content8",value:"50%"}]} ]}]; */ //生成菜单 createSetMenu($("#i_content"), maticLayout.items); $("#i_submit").on("click",function(){ top.createLayout("",maticLayout.items[count].layoutData,""); top.iframeTYLoadPage(); top.destoryIframeContent("#layout_list_iframe"); }); $("#i_cancle").on("click",function(){ top.destoryIframeContent("#layout_list_iframe"); }); } /** * * @param $dom 操作的容器 * @param arrParam 操作的数组数据 * @returns {Boolean} */ function createSetMenu($dom,arrParam){ /* * 1.清楚主容器 * 2.追加容器节点和选项节点 * 3.绑定节点事件 * 4.销毁对象 */ //1 $dom.empty(); //2 $dom.append("
"); /*$("#menu_switch").show();布局菜单按钮开关控制*/ createLi($dom.find("._layout_ul"),arrParam/*,function(a){ //$("#"+options.layoutParams.dom).createLayout(a,$(window).width()*0.003); // $("._column_move").each(function(){$(this).on("mousedown",moveDomY).addClass("_drag");}); // $("._row_move").each(function(){$(this).on("mousedown",moveDomX).addClass("_drag");}); //loadPage($("#"+options.layoutParams.dom),options); return false; }*/); /* * 3 * 鼠标移入div事件 * 鼠标点击li事件 * 鼠标移出div事件 */ $("#i_content").find("ul").find("li").each(function(){ $(this).on("mouseenter",move_in_icon); }); click_in_icon(); //4 $dom=null; /* * IE9一下版本垃圾回收 */ /* if(true){ }*/ /* $(this).find("._set_menu").find("input[type='button']").on("click",{$dom: $(this)},function(e){ var diag = new top.Dialog(); diag.Title = "视图名称"; diag.Height=100; diag.Width=300; diag.URL = path+"page/cockpit/webgis/layoutName.jsp"; diag.OKEvent = function(){ var inputValue = diag.innerFrame.contentWindow.document.getElementById('layoutName').value; diag.close(); saveLayout(inputValue); $("#menu_content").empty(); $("#menu_content").hide(); $("#content").css({height:"100%"}); }; diag.CancelEvent=function(){ diag.close(); }; diag.show(); });*/ return false; }; /** * 鼠标移入图标事件 */ function move_in_icon(){ var time=300; var _this=$(this).find(".i_icon_content").find("div"); _this.animate({"margin-top":"-100px",opacity:0},time,"",function(){ _this.css({"margin-top":"40px"}); _this.animate({"margin-top":"0px",opacity:1},time); _this=null; }); return false; }; /** * 鼠标点击事件 * 从新对主页面的主容器进行布局 */ function click_in_icon(){ $("#i_content").find("ul").find("li").each(function(i,item){ $(this).find("div").on("click",function(){ count=i; }); }); return false; }; /** * 鼠标移出div事件 */ function move_leave_icon(){ } /** * 绑定鼠标移入，移出和点击事件 * @param $dom 操作的节点 * @param label 如果采用委托机制，委托dom标签节点 * @param fn_move_in 鼠标移入事件 * @param fn_move_leave 鼠标移出事件 * @param fn_click 鼠标点击事件 */ function bindEvent($dom,label,fn_move_in,fn_move_leave,fn_click){ /* * 判断是否为委托绑定事件 */ if(label===""){ //点击事件 if(typeof fn_click=="function"){ $dom.on("click",fn_click); }; //移入事件 if(typeof fn_move_in=="function"){ $dom.on("mouseenter",fn_move_in); } //移出事件 if(typeof fn_move_leave=="function"){ $dom.on("mouseleave",fn_move_leave); } }else{ //点击事件 if(typeof fn_click=="function"){ $dom.on("click",label,fn_click); }; //移入事件 if(typeof fn_move_in=="function"){ $dom.on("mouseenter",label,fn_move_in); } //移出事件 if( typeof fn_move_leave=="function"){ $dom.on("mouseleave",label,fn_move_leave); } } return false; } /** * 创建布局选项 * @param dataParams * @param fn_option * @returns {Boolean} */ function createLi($dom,dataParams){ var htmlStr=""; $dom.append(htmlStr); //销毁地图 htmlStr=null; /* var selfDom=this; $(selfDom).append(""); for(var index=0,len=dataParams.items.length;index"); $(selfDom).find("ul").find("li").last().data("layouParams",dataParams.items[index].layoutData) .on("click",function(){fn_option($(this).data("layouParams"));}); $(selfDom).find("li").last().on( "mouseenter", function(){ $(this).addClass("_fn_mouse");}).on( "mouseleave", function(){ $(this).removeClass("_fn_mouse");}).on( "click", function(){ $(this).siblings().each(function() { $(this).removeClass("_fn_click_layout"); }); $(this).addClass("_fn_click_layout"); });; } return false;*/ };