.. / 3.2 Окна ExtJS (Ext.window.Window). События

  1. ExtJS-4

Каждый компонент ExtJS обвешан кучей событий (Events), которые вызываются при создании окна, открытии, закрытии и т.д. Полный список событий для окна можно посмотреть в документации.

Этими событиями можно воспользоваться в своих целях. В пример ниже я навесил на событие beforeshow (вызывается перед тем как окно станет видимым) вывод списка всех доступных свойств окна. Сам код дампа окна свойств не привожу.

function myBeforeShow () // обработчик события вызываемого перед окрытием окна.
 {
   this.title='BeforeShow. Анатомия окна';
   var str='';
   var obj=this;
   for (var i in obj) {  str+=''+i+'' + obj[i]+'
'; } this.html=str; } function myBeforeHide () // обработчик события вызываемого перед закрытием окна. { alert('beforeHide'); } var win1 = Ext.create('widget.window', { // создание окна height: 500, width: 1000, autoScroll: true, // скроллинг если текст не влезает. closeAction: 'hide', // !!Важно.Указание на то, что окно при // закрывании не удаляется вместе с содержимым, // по умолчанию - окно вместе с содержимым удаляется listeners: // список всех переопределяемых событий { beforeshow:myBeforeShow, // функция вызываемая перед показом окна beforehide:myBeforeHide // функция вызываемая перед тем как окно спрячется } }); </script>

Интересна анатомия оригинального метода beforeshow, который можно увидеть в листинге

  beforeShow:  function () {
            this.callParent();
            if (this.expandOnShow)
              {
                this.expand(false);}
              }

Документация по API устроена таким образом, что название каждого метода или свойства является ссылкой на фрагмент исходного кода.

Далее


  1. Пара слов об устройстве компонент ExtJS
  2. Лэйоуты. Как все красиво разместить внутри окна
  3. Инструментальные панели. Часть 1. Кнопки
  4. Инструментальные панели. Часть 2. Меню
  1. 2011-11-12
  2. ExtJS-4
  1. docs.sencha.com/ext-js/4-0/#!/api/Ext.window.Window - Ext.window.WindowView Документация на docs.sencha.com
Go Index Test