FireFox 工具栏 Prefwindow unload/acceptdialog 更新工具栏的事件

Question

我正在尝试开发一个 Firefox 工具栏;)

所以我的结构是

在 options.xul 中是一个 PrefWindow我正在打开一个，

  <toolbarbutton oncommand="esbTb_OpenPreferences()"/>
    function esbTb_OpenPreferences() {
 window.openDialog("chrome://Toolbar/content/options.xul", "einstellungen", "chrome,titlebar,toolbar,centerscreen,modal", this);}

因此在我的首选项中我可以设置一些复选框来指示我的工具栏中显示的链接。因此，当首选项窗口关闭或点击“确定”按钮时，我想引发一个事件或一个通过 DOM 更新我的工具栏的函数。

这是加载工具栏时调用的函数。它设置工具栏的链接可见性。

 function esbTB_LoadMenue() {
  var MenuItemNews = document.getElementById("esbTb_rss_reader");
  var MenuItemEservice = document.getElementById("esbTb_estv");

  if (!(prefManager.getBoolPref("extensions.esbtoolbar.ShowNews"))) {
    MenuItemNews.style.display = 'none';
  }

  if (!(prefManager.getBoolPref("extensions.esbtoolbar.ShowEservice"))) {
    MenuItemEservice.style.display = 'none';
  }
}

所以我尝试了一些想法，比如在对话框中添加一个事件侦听器，但它不起作用......以我尝试的方式...... 我还尝试从根窗口（工具栏）移交窗口对象，因为 opendialog 函数的参数将函数更改为此。

    function esbTB_LoadMenue(RootWindow) {
  var MenuItemNews = RootWindow.getElementById("esbTb_rss_reader");
  var MenuItemEservice = RootWindow.getElementById("esbTb_estv");}

然后尝试通过切换对象访问元素，但这也没有在运行时改变我的工具栏。

所以我想做的是在运行时更改工具栏中的可见链接，但我不知道应该如何做到这一点...

提前致谢

----------编辑---- ---

    var prefManager = {
    prefs: null,

    start: function()
    {

        this.prefs = Components.classes["@mozilla.org/preferences-service;1"]
                .getService(Components.interfaces.nsIPrefService)
                .getBranch("extensions.esbtoolbar.");
        this.prefs.QueryInterface(Components.interfaces.nsIPrefBranch2);
        this.prefs.addObserver("", this, false);

    },


    end: function()
    {
        this.prefs.removeObserver("", this);
    },


    observe: function(subject, topic, data)
    {
        if (topic != "nsPref:changed")
        {
            return;
        }
        //Stuff what is done when Prefs have changed
        esbTB_LoadMenue();

    },

    SetBoolPref: function(pref,value)
    {
        this.prefs.setBoolPref(pref,value);
    },

    GetBoolPref: function(pref)
    {
        this.prefs.getBoolPref(pref);
    }
}

这就是我的实现。

Answer 1

诀窍是倾听偏好的变化。这样，只要首选项发生更改，您的工具栏就会更新 - 无论它是通过您的 PrefWindow、about:config 还是其他机制发生的。

在 Toolbar.js 中执行以下操作

var esbTB_observe = function(subject, topic, data) {
   if (topic != "nsPref:changed") {
     return;
   }

   // find out which pref changed and do stuff
}

var esbTB_init = function() {
  prefs =
    Components.classes["@mozilla.org/preferences-service;1"]
              .getService(Components.interfaces.nsIPrefService)
              .getBranch("extensions.esbtoolbar.");
  prefs.QueryInterface(Components.interfaces.nsIPrefBranch2);
  prefs.addObserver("", esbTB_observe, false);
}

// Init addin after window loaded
window.addEventListener("load", esbTB_init, false);

现在，当窗口加载时，将调用 esbTB_init() 函数，其中观察者指向 pref 分支“extensions.esbtoolbar”。已添加。稍后，当分支中的首选项更改时，会自动调用 esbTB_observe() 函数。

在 esbTB_observe() 中，您必须读取首选项的值并调整工具栏。