Forums : Xul, Xbl, JS...

Bonjour,

Je développe des pages en XUL dans lesquelles j'ai des tableaux construit avec le tag tree. Ces tableaux sont triables dynamiquement grâce au mécanisme propre aux tree (attributs sortActive et sortDirection).

Mais je voudrais capturer la fin de ce tri, afin de faire un traitement spécifique en javascript.

J'ai fait de nombreux tests avec des addEventListener sur le tree ou des déclaration d'un observer sur le tree, mais rien marche.

En vous remerciant d'avances pour vos réponses.

Ci joint exemple d'un tree avec une colonne triable :

code <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" onload="init()">

<!-- Modules JavaScript --> <script type="application/x-javascript"> <![CDATA[

function init() {

   // Mes tests mis en commentaire car ca ne marche pas !! 
//document.getElementsByTagName('treecols')[0].addEventListener("DOMAttrModified",_DOMAttrModified, false);
   //document.getElementById('tcellDetectFinSort').addEventListener("onblur",_onblur, false);

} function _DOMAttrModified(aEvent) {

   if (aEvent.currentTarget.nodeName  == 'treecols' && aEvent.attrName == 'sortDirection')
       alert('Alert avant début tri : aucun interet !');

}

function _onblur(aEvent) {

alert('aucun interet !');

} ]]> </script>

<tree id="treeid" flex="1">

   <treecols id="treecolId">              
       <treecol id="treecolid" label="column label"  sort="treecolid" sortActive="true" sortDirection="descending" flex="1" />              
   </treecols>              

   <treechildren>              
       <treeitem id="titemFirst" container="true" open="true">              
           <treerow>              
               <treecell id="tcellDetectFinSort" label="1 item label" />               
           </treerow>              
      </treeitem>              
      <treeitem>              
           <treerow>             
               <treecell label="2 item label" />              
           </treerow>             
       </treeitem>              
   </treechildren>              

</tree> </window>

@@code@