如何将下拉菜单添加到Firefox的插件SDK插件驱动的工具栏按钮？ [英] How to add a dropdown menu to a firefox addon sdk powered addon toolbar button?

问题描述

我使用 https://github.com/erikvold/tool​​barbutton-jplib/ 包从一个插件，插件SDK对Firefox的导航栏添加工具栏按钮。是否有可能一个下拉菜单添加到该按钮（我的理解有没有简单的方法）？

I use the https://github.com/erikvold/toolbarbutton-jplib/ package to add a toolbar button from an addon-sdk addon to the firefox navigation bar. Is it possible to add a drop down menu to this button (as I understand there are no easy ways)?

推荐答案

这是我要做的事;希望它为你工作。

This is how I do it; hope it works for you.

var winUtils = require("window-utils");

var delegate = {
    onTrack: function(window) {
        if(window.location != "chrome://browser/content/browser.xul") {
            // console.log("=> win location false");
            return;
        }

        console.log("window tracked");

        var document = window.document;
        var navBar = document.getElementById('nav-bar');

        var btn = document.createElement('toolbarbutton');  
        btn.setAttribute('id', 'button'); 
        btn.setAttribute('type', 'menu-button');  
        btn.setAttribute('class', 'toolbarbutton-1'); 
        btn.setAttribute('image', 'http://www.facebook.com/favicon.ico');

        btn.addEventListener('command', function() {
        console.log("this=" + this.id); 
                    // your callback code here
                }
        , false);

        var menupopup = document.createElement('menupopup');
        menupopup.setAttribute('id', 'menupopup');
        menupopup.addEventListener('command', function(event) {
            // TODO your callback
          }
        , false);

        //menu items
        var menuitem1 = document.createElement('menuitem');
        menuitem1.setAttribute('id', 'menuitem1');
        menuitem1.setAttribute('label', 'Menu item1');
        menuitem1.setAttribute('class', 'menuitem-iconic');
        menuitem1.addEventListener('command', function(event) {
                // CODE
            }
        , false);
 }
  winUtils.WindowTracker(delegate);

这篇关于如何将下拉菜单添加到Firefox的插件SDK插件驱动的工具栏按钮？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！