EasyUI實現Layout收縮框鼠標移入展開移出收縮



var bLeftExpand = false;

var bRightExpand = false;

/* 左邊佈局 */

$("#panelWest").panel({
   onCollapse:function(){
    if(!bLeftExpand){
     expandWest();
     bLeftExpand=true;
    }
   }
  });
  

/* 右邊佈局 */
  $("#panelEast").panel({
   onCollapse:function(){
    if(!bRightExpand){
     expandEast();
     bRightExpand=true;
    }
   }
  });

/* 展開左邊面板 */
 function expandWest(){
  var objs = $(".layout-expand-west");
  var obj = null;
  if(objs.length==1){
   obj = $(objs[0]);
   if(obj!=null && obj.length==1){
    $(obj).mouseover(function(){
     $(obj).click(); //用於模擬點擊收縮功能
    });
   }
  }
 }
 
 /* 展開右邊面板 */
 function expandEast(){
  var objs = $(".layout-expand-east");
  var obj = null;
  if(objs.length==1){
   obj = $(objs[0]);
   if(obj!=null && obj.length==1){
    $(obj).mouseover(function(){
     $(obj).click();
    });
   }
  }
 }


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章