/*
    实现下拉框逻辑,trigger图标
        1.combobox: grid
        2.date:     datepicker
        3.lov:      弹出url,弹出窗体 popupWindow
        4.tree
        
    实现autoComplete功能:
    popupCt:是一个box容器.
*/
/**
    @name Edo.controls.Trigger
    @class
    @typeName trigger
    @description 下拉弹出框
    @extend Edo.controls.TextInput
*/
Edo.controls.Trigger = function(){    
    /**
        @name Edo.controls.Trigger#beforetrigger
        @event
        @domevent
        @description trigger图标点击前事件
    */
    
    /**
        @name Edo.controls.Trigger#trigger
        @event
        @domevent
        @description trigger图标点击事件
    */

    Edo.controls.Trigger.superclass.constructor.call(this);
};
Edo.controls.Trigger.extend(Edo.controls.TextInput,{    
    enableResizePopup: true,
    /**
        @name Edo.controls.Trigger#maxHeight
        @property        
        @default 500
    */
    maxHeight: 500,    
    /**        
        @name Edo.controls.Trigger#triggerPopup
        @property
        @type Boolean
        @default false
        @description 为true在按trigger图片的时候,自动显示
    */      
    triggerPopup: false,

    triggerCls: 'e-trigger',
    triggerOverCls: 'e-trigger-over',
    triggerPressedCls: 'e-trigger-pressed', 
    
    triggerVisible: true,    
    
    initEvents: function(){             
        Edo.controls.Trigger.superclass.initEvents.call(this);            
        
        if(!this.design){
            Edo.util.Dom.on(this.el, 'mousedown', this._onTriggerMousedown, this);
            var el = this.trigger;
            Edo.util.Dom.addClassOnClick(el, this.triggerPressedCls);
            Edo.util.Dom.addClassOnOver(el, this.triggerOverCls);
        }
    },
    _onTriggerMousedown: function(e){
        if(this.readOnly || e.within(this.trigger)){
            this._onTrigger.defer(1, this, [e]);
        }
    },
    _onTrigger: function(e){
        e.stopDefault();
        if(!this.isEnable()) return;        
        if(e.button != Edo.util.MouseButton.left) return;
        
        e.type = 'beforetrigger';
        e.source = this;
        
        if(this.fireEvent('beforetrigger', e) === false) return;
                
        
        if(this.triggerPopup){
            if(this.popupDisplayed){
                this.hidePopup();
            }else{
                this.showPopup();
            }        
        }
        //this.focus();
        this.focus.defer(50, this);//这行代码真恶心..
        //this.field.focus();
//        var sf = this;
//        setTimeout(function(){
//            sf.field.focus();
//        }, 100);
        e.type = 'trigger';
        this.fireEvent('trigger', {
            type: 'trigger',
            source: this
        });
    },
//    setEnable: function(value){
//        Edo.controls.Trigger.superclass.setEnable.call(this, value);
//        if(this.trigger){
//            if(this.isEnable()){
//                Edo.util.Dom.removeClass(this.trigger, "e-disabled");
//            }else{        
//                Edo.util.Dom.addClass(this.trigger, "e-disabled");
//            }
//        }
//    },
    getTriggerHtml: function(){
        return '<div class="e-trigger-icon"></div>';
    },
    getInnerHtml: function(sb){
        Edo.controls.Trigger.superclass.getInnerHtml.call(this, sb);
        
        sb[sb.length] = '<div class="';
        
        sb[sb.length] = this.triggerCls;
        sb[sb.length] = '" style="display:';
        sb[sb.length] = this.triggerVisible ? 'block' : 'none';
        sb[sb.length] = ';height:';
        sb[sb.length] = this.realHeight-1;
        sb[sb.length] = 'px;">';
        sb[sb.length] = this.getTriggerHtml();
        sb[sb.length] = '</div>';     
    },   
    createChildren: function(el){
        Edo.controls.Trigger.superclass.createChildren.call(this, el);
        this.trigger = this.field.nextSibling;
    },
    syncSize: function(){    //设置组件尺寸,并设置容器子元素的所有尺寸!
        Edo.controls.Trigger.superclass.syncSize.call(this);
        
        if(this.triggerVisible){
            this.trigger.style.display = 'block';
            Edo.util.Dom.setHeight(this.trigger, this.realHeight - 4);
        }else{
            this.trigger.style.display = 'none';
        }
    },
    triggerWidth: 19,
    getFieldWidth: function(){
        return this.realWidth - (this.triggerVisible ? this.triggerWidth : 0);
    },
    destroy : function(){   
        Edo.util.Dom.clearEvent(this.trigger);            
        Edo.util.Dom.remove(this.trigger);
        this.trigger = null;
        Edo.controls.Trigger.superclass.destroy.call(this);                 
    }
});

Edo.controls.Trigger.regType('trigger');