/**
    @name Edo.controls.Lov
    @class
    @typeName lov
    @description 页面弹出框
    @extend Edo.controls.TextInput
*/
Edo.controls.Lov = function(){
    Edo.controls.Lov.superclass.constructor.call(this);
    
    this.windowConfig = {
        width: 500,
        height: 300,
        left: 'center',
        top: 'middle',
        toolbar: 'no',
        scrollbars: 'no',
        menubar: 'no',
        resizable: 'no',
        location: 'no',
        status: 'no'
    };
    this.pageConfig = {
        
    };
    
    /**
        @name Edo.controls.Lov#beforeopen
        @event        
        @description 打开页面前事件
    */    
    /**
        @name Edo.controls.Lov#open
        @event        
        @description 打开页面事件
    */    
    /**
        @name Edo.controls.Lov#close
        @event        
        @description 关闭页面事件
    */    
    /**
        @name Edo.controls.Lov#submit
        @event        
        @description 数据提交事件
        @property {Object} data 提交的数据
    */    
    this.data = {};
};
Edo.controls.Lov.extend(Edo.controls.Trigger,{  
    /**        
        @name Edo.controls.Control#data
        @property
        @type Number
        @description 数据对象
    */
    /**        
        @name Edo.controls.Control#valueField
        @property
        @type String
        @default value
        @description 值字段
    */
    valueField: 'value',
    /**        
        @name Edo.controls.Control#displayField
        @property
        @type String 
        @default text
        @description 文本字段
    */
    displayField: 'text',
    /**        
        @name Edo.controls.Control#popupWidth
        @property
        @type Number
        @description 浮动下拉框宽度
    */
    url: '',
    /**        
        @name Edo.controls.Control#params
        @property
        @type Object
        @description 页面参数对象
    */    
    params: null,
    /**        
        @name Edo.controls.Control#pageName
        @property
        @type String
        @description 页面名称
    */    
    pageName: '',
    /**        
        @name Edo.controls.Control#autoMask
        @property
        @type Boolean
        @default true
        @description 页面打开时自动遮罩
    */  
    autoMask: true,
    maskTarget: '#body',
    readOnly: true,
    elCls: 'e-text e-search',
    initEvents: function(){             
        Edo.controls.Lov.superclass.initEvents.call(this);            
        
        if(!this.design){
            this.on('trigger', this._onLovTrigger, this, 0);
        }
    },
    _onLovTrigger: function(e){
        this.open(this.pageConfig);
    },
    createPageConfigString: function(obj){
        //坐标尺寸计算
        var sb = [];
        
        var sw = window.screen.width, sh = window.screen.height - 100;
        var w = obj.width, h = obj.height;
        for(var p in obj){
            var v = obj[p];
            if(p == 'left' && v == 'center'){
                v = sw / 2 - w / 2;
            }
            if(p == 'top' && v == 'middle'){
                v = sh / 2 - h / 2;
            }
            sb.push(p+'='+v);
        }
        return sb.join(',');
    },    
    getValue: function(){
        if(this.data) return this.data[this.valueField];
        return null;
    },    
    setValue: function(v){
        this._setData(v);
    }, 
    _setData: function(v){
        if(!Edo.isValue(v)) return;
        if(v !== this.data){
            this.data = v;
            this.set('text', v[this.displayField]);
        }
    },
    /**
        @name Edo.controls.Lov#submit
        @function
        @config
        @param {Object} data 数据对象
        @description 提交页面数据(同时关闭弹出页面)
    */ 
    submit: function(data){        
        if(typeof data != 'string'){            
            var o = {data: data};
            data = Edo.util.Json.encode(o);    
            data = Edo.util.Json.decode(data).data;        
        }else{
            data = Edo.util.Json.decode(data);
        }
        
        this.setValue(data);
        
        var e = {
            type: 'submit',
            source: this,
            data: data
        };
        this.fireEvent('submit', e);
        
        this.data = data;
        
        this.close();
    },
    /**
        @name Edo.controls.Lov#open
        @function
        @config
        @param {Object} config 页面配置对象<br/>
<pre>        
{
    width: 500,
    height: 300,
    left: 'center',
    top: 'middle',
    toolbar: 'no',
    scrollbars: 'no',
    menubar: 'no',
    resizable: 'no',
    location: 'no',
    status: 'no'
}        
</pre>
        @description 提交页面数据(同时关闭弹出页面)
    */ 
    open: function(config){
    
        if(this.pager){
            this.close();
        }
        
        var e = {
            type: 'beforeopen',
            source: this
        };
        if(this.fireEvent('beforeopen', e) === false) return false;
        
        if(this.autoMask){
            var obj = (this.maskTarget == '#body' || !this.maskTarget) ? document.body : this.maskTarget;
            if(Edo.type(obj) == 'element'){
                Edo.util.Dom.mask(obj);
            }else{
                obj.mask();
            }
        }
        var config = Edo.applyIf(this.pageConfig, this.windowConfig);
        var cstr = this.createPageConfigString(config);
        
        var url = Edo.urlEncode(this.params, this.url.indexOf('?') == -1 ? this.url+'?' : this.url);        
        
        this.pager = window.open(url, this.pageName, cstr);
        this.pager.focus();
        var sf = this;
        
        window.submitPagerData = function(data){
            sf.submit(data);
        }
        
        setTimeout(function(){
            Edo.util.Dom.on(sf.pager, 'unload',sf.onPageUnload, sf);
        }, this.deferBindUnload);
        
        this.startFocus();
        
        e.type = 'open';
        e.pager = this.pager;
        this.fireEvent('open', e);
    },
    deferBindUnload: 800,
    /**
        @name Edo.controls.Lov#close
        @function        
        @description 关闭页面
    */     
    close: function(){
    
        if(this.pager){
            this.pager.close();
            var obj = this.maskTarget == '#body' ? document.body : this.maskTarget;
            if(Edo.type(obj) == 'element'){
                Edo.util.Dom.unmask(obj);
            }else{
                obj.unmask();
            }
        }
        
        Edo.util.Dom.un(this.pager, 'unload',this.onPageUnload, this);
        this.stopFocus();
        this.pager = null;
        
        this.fireEvent('close', {
            type: 'close',
            source: this
        });
    },
    onWindowFocus: function(e){
        try{
            Edo.util.Dom.focus(this.pager);        
        }catch(e){
            
        }
    },
    onPageUnload: function(e){        
        this.close();
    },
    startFocus: function(){
        this.stopFocus();        
        Edo.util.Dom.on(window, 'focus', this.onWindowFocus, this);
    },
    stopFocus: function(){            
        Edo.util.Dom.un(window, 'focus', this.onWindowFocus, this);
    },
    destroy : function(){        
        this.close();
        
        Edo.controls.Lov.superclass.destroy.call(this);       
    }    
});

Edo.controls.Lov.regType('lov');