Блог

Еще раз Алоха, ИТАК.

Я занят работой над проектом, который в значительной степени состоит из EXTJS для работы с интерфейсом. Я использую версию 4.0.0, предполагая, что это то, что необходимо знать. У меня есть некоторый код следующего содержания:

 panel = Ext.create("Ext.panel.Panel",{
        //initializing stuffs
})
  

Некоторые из них затем

  tabs = Ext.create("Ext.tab.Panel", {
        //initialize config
        items: [
               //the panels
        ]
  })
  

Теперь моя большая проблема заключается в том, что мне нужно иметь возможность привязать событие к реальным вкладкам. Я знаю о возможности привязки событий к панели вкладок и панели вкладок, но на самом деле мне нужно привязать событие click к одной из вкладок на панели. Я попробовал что-то вроде этого:

 panel = Ext.create("Ext.panel.Panel", {
        //initializing stuffs
        listeners: {
                 click: {
                        fn: function() {
                            console.log("in click listener for panel")
                        }
                  }
         }
 })
  

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

В любом случае, кто-нибудь из вас здесь случайно не знает, как привязать события непосредственно к вкладкам? Или даже как получить доступ к вкладкам напрямую? Я просматривал документы ExtJS API, но все еще ничего не могу найти, так что было бы здорово, если бы кто-нибудь здесь мог помочь! 😀

Просто чтобы было понятно, я не пытаюсь подключиться к изменению вкладки. Я пытаюсь подключиться к фактическому событию щелчка при нажатии на вкладку, потому что я собираюсь проверять, нажата ли средняя кнопка мыши, чтобы я мог закрыть вкладку, если это так.

Я поместил это на вкладку внутри панели вкладок в ExtJS 3. Что-то подобное должно работать в 4.

 listeners: {
    activate: function() {
        var me = this;
        Ext.fly(this.ownerCt.getTabEl(this)).on({
            click: function() {
                me.loadProducts();
            }
        });
    },
    single: true
},

loadProducts: function() {
    this.load({
    url: 'products.jsp',
    params: {
        caseID: window.caseID
    },
    scripts: true
});
  

Вы можете добавить слушателей в саму TabPanel, которые прослушивают beforetabchange и / или tabchange