日期:2014-05-16  浏览次数:20372 次

EXT给放大的图片添加一个关闭按钮


下面是代码.
function magnifyImage(dataView, index, node, e){
     var selNode = view.getSelectedNodes()[0];
     if(selNode){
     var data = lookup[selNode.id];
var imgSrc = data.url;
var imgWidth = 490;
var imgHeight = 400;
var imgLeft = e.getPageX();
var imgTop = e.getPageY();

     if(!imgResizeer && !newImgEl){
newImgEl = Ext.DomHelper.append('layout', {
     tag: 'img', 
     id: 'custom', 
     src: imgSrc, 
     style: 'button',
     qtip: '按Esc键可退出',
     style:'position:absolute; width: '+imgWidth+'; height: '+imgHeight+'; left: '+imgLeft+'; top: '+imgTop+';'
     }, true);
    
    
//
     imgResizeer = new Ext.Resizable('custom', {
            wrap:true,
            pinned:true,
            minWidth:50,
            minHeight: 50,
            maxWidth:700,
            maxHeight:700,
            preserveRatio: true,
            handles: 'all',
            draggable:true,
            dynamic: true
         });
         //alert('===============')
new Ext.KeyMap(imgResizeer.getEl(), [
     {
     
     key: Ext.EventObject.ESC,
     fn: function (){
        Ext.EventObject.preventDefault();
        imgResizeer.getEl().hide();
        newImgEl.hide(true).frame();
        
     },
     scope: imgResizeer
     }
   ]);
   
     }else {
     imgResizeer.getEl().dom.style.left = imgLeft;
     imgResizeer.getEl().dom.style.top = imgTop;
     newImgEl.dom.src = imgSrc;
     }
     newImgEl.show(true).frame();
     imgResizeer.getEl().show();
}
   &