Forums : Extensions

Bonjour,

Je développe une extension laquelle dispose d'une fenêtre de préférences (prefwindow).Sur un des onglets (prefpane) j'utilise l'attribut "onpaneload" associé à une fonction javascript fillTree() que j'ai écrite. Le problème c'est que la fonction est bien appelée, la boucle qu'elle contient est bien effectuée, mais la table n'est pas remplie et je n'ai pas de messages d'erreur. Voici le code xul du prefpane :

<prefpane id="bzPrefPaneModule" label="Modules Manager" onpaneload="fillTree();">
  <preferences></preferences>
  <vbox flex="1">		
    <vbox flex="1">
      <label value="Available modules on the server:" />
      <hbox flex="0">
        <html:style>
          treechildren::-moz-tree-checkbox {
            /* css pour les cellules non cochees */
            list-style-image: url("");
          }
          treechildren::-moz-tree-checkbox(checked) {
            /* css pour les cellules cochees */
            list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif");
          }
        </html:style>
        <tree id="bzTreeModule" editable="true" flex="1" hidecolumnpicker="true" seltype="multiple" preference-editable="true" onsynctopreference="savePrefModule();">
          <treecols>
            <treecol id="select" type="checkbox" editable="true" flex="1" />
            <treecol id="modulename" label="Name" flex="1" />
            <splitter class="tree-splitter" />
            <treecol id="version" label="Version" flex="1" />
            <splitter class="tree-splitter" />
            <treecol id="enable" type="checkbox" editable="false" label="Enable" flex="1" />
          </treecols>
          <treechildren id="bzListModule">
            <!-- section remplie dynamiquement par le script -->
          </treechildren>
        </tree>
        <!-- <splitter /> -->
      </hbox>
    </vbox>
  </vbox>
</prefpane>

Maintenant le code de fillTree :

function fillTree () {
  var listAllModule = getPrefModulesList();
  var moduleTable = document.getElementById("bzListModule");
  for(var i=0; i<listAllModule.length; i++) {
    alert('truc'); // juste pour tester, ici ça bugge au niveau de l'affichage car seul le contour de la fenêtre apparaît donc pas de contenu
    // create a new row and add colomn in this row
    var treerowElement = document.createElement("treerow");
    // col selection (1)
    var treecellSelect = document.createElement("treecell");
    treecellSelect.setAttribute("value", "0");
    treerowElement.appendChild(treecellSelect);
    // col Name (2)
    var treecellName = document.createElement("treecell");
    treecellName.setAttribute("label", listAllModule[i].getName());
    treecellName.setAttribute("editable", "false");
    treerowElement.appendChild(treecellName);
    // col Version (3)
    var treecellVersion = document.createElement("treecell");
    treecellVersion.setAttribute("label", listAllModule[i].getVersion());
    treecellVersion.setAttribute("editable", "false");
    treerowElement.appendChild(treecellVersion);	
    // col Enable (4)
    var treecellEnable = document.createElement("treecell");
    treecellEnable.setAttribute("value", listAllModule[i].isActivated());
    //treecellEnable.setAttribute("label", "active");
    treecellEnable.setAttribute("editable", "false");
    treerowElement.appendChild(treecellEnable);
    // create a new item
    var treeitemElement = document.createElement("treeitem");
    treeitemElement.appendChild(treerowElement);
    moduleTable.appendChild(treeitemElement);
  }
}

Pour réaliser ceci je me suis basé sur le tutorial suivant http://www.rietta.com/firefox/Tutorial/p(..)

J'espère que quelqu'un pourra m'aider. Merci.