Скрыть DateField при нажатии в любом месте на странице

Question

Я пытаюсь скрыть поле даты extjs при нажатии в любом месте DOM, кроме поля даты. при щелчке в любом месте в dom. Функция getClick получает вызов. На основе координат элемента страницы извлекается, а затем этот элемент объекта сравнивается с объектом поля даты. Это работает отлично, но проблема возникает, когда я снова нажимаю на кнопку выбора даты " дата-поле "получить скрыть.

образец кода -

bodyClick: function(e){ 
     var me = this, elem, t; 
     var flag =true; 
     elem = me.getEl(); 
     for(t = Ext.dom.Element.fromPoint(e.getX(), e.getY()); t && t != null;){ 
     if (Ext.fly(elem).contains(t)){ 
      flag =false; 
     } 
     } 

     if(flag){ 
     me.hide(); 
     } 
    } 

Любые предложения для сокрытия DateField при щелчке в любом месте в DOM (ExtJS).

Answer 1

Вы можете попробовать это в afterRender панели или контейнер, в котором ваш компонент находится.

this.mon(Ext.getBody().getEl(), 'click', this.yourFunction, this); 

    yourFunction:function(e){ 
      var comp = Ext.ComponentQuery.query('datepicker')[0];//Get your datepicker component 
      if (Ext.fly(e.getTarget()) != comp) { //get the target using Ext.fly 
        comp.hide();    //Hide the component if the target is not the datepicker 
       } 

    } 

Надеется, что это помогает вам.