Tree view simple1

Minimum pour faire fonctionner une vue personnalisée simple

Explication à venir

XUL

 <?xml version="1.0" encoding="utf-8"?>

 <?xml-stylesheet href="[[chrome://global/skin/]]" type="text/css"?>

 <window id="simple-tree-view-1-window" title="Simple nsITreeView (1)" persist="width height screenX screenY sizemode"
     xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

 <script src="simple-tree-view-1.js" type="application/x-javascript"/>

 <tree id="simple-tree-view-tree" class="spaced" flex="1">
     <treecols>
         <treecol id="column-1-treecol" label="Colonne 1" flex="1"/>
         <splitter class="tree-splitter"/>
         <treecol id="column-2-treecol" label="Colonne 2" flex="1"/>
         <splitter class="tree-splitter"/>
         <treecol id="column-3-treecol" label="Colonne 3" flex="1"/>
     </treecols>
     <treechildren/>
 </tree>

 </window>

JavaScript

 const SimpleTreeView =
     {
     data: null,

     get rowCount()
         {
         return this.data.length;
         },

     getCellText: function(row, column)
         {
         return this.data[row][column.index];
         },

     setTree: function(tree)
         {
         this.treeBox = tree;
         }
    };

 function simpleTreeViewWindowOnLoad(e)
     {
     SimpleTreeView.data = [];

     for (var i = 0; i < 50000; i++)
         {
         SimpleTreeView.data[i] = [];

         for (var j = 0; j < 3; j++)
             {
             SimpleTreeView.data[i][j] = (i + 1) * (j + 1);
             }
         }

     document.getElementById("simple-tree-view-tree").view = SimpleTreeView;
     }

 window.addEventListener("load", simpleTreeViewWindowOnLoad, false);

A ce stade l'exemple fonctionne mais génère une séries d'erreurs car toutes les méthodes de nsITreeView ne sont pas implémentées.