Показать панель закрепленную на toolbarbutton Erik-Волд в, программно

Question

Вот что я хочу сделать:

var mainPanel = require("panel").Panel({ 
    width: '200', 
    height: '500', 
    contentURL: gatewayURL, 
    contentScriptWhen: "start", 
    contentScriptFile: [ 
     self.data.url("messagelistener.js") 
    ] 
}); 

var button = toolbar.ToolbarButton({ 
    'id': 'com.user043.myOneButton', 
    'image': require("self").data.url("image-24.ico"), 
    'label': "Test", 
    'panel': mainPanel 
}); 

tabs.on('ready', function(tab) { 
    if(tab.url==="http://www.google.com") { 
     mainPanel.show(); //This opens panel in centre. I want the panel to be anchored to the button it is associated to(just like it appears when I click on toolbarbutton). How do I get the DOM of the button created by ToolbarButton API? 
    } 
} 

Я использую Erik-Волд в toolbarbutton API: https://github.com/voldsoftware/toolbarbutton-jplib. Как получить DOM кнопки, чтобы я мог делать что-то вроде mainPanel.show(tbb); где tbb = DOM кнопки? Пожалуйста помоги!

Answer 1

panel.show(require('sdk/window/utils').getMostRecentBrowserWindow().document.getElementById('com.user043.myOneButton')) 

Answer 2

var mainPanel = require("panel").Panel({ 
    width: '200', 
    height: '500', 
    contentURL: gatewayURL, 
    contentScriptWhen: "start", 
    contentScriptFile: [ 
     self.data.url("messagelistener.js") 
    ] 
}); 


var button = toolbar.ToolbarButton({ 
    'id': 'com.user043.myOneButton', 
    'image': require("self").data.url("image-24.ico"), 
    'label': "Test", 
    onClick: function(view) { 
      view.panel = mainPanel; 

     } 
}); 

Instead of using mainPanel.show(), use view.panel = mainPanel;. It will solve the problem bcz I did the same and it works for me.