Xul tree search/filter using XPath Xuqery f

[karthikin]

Hi Friends, i have a XUL tree loaded dynamically from XML using XQUERY query type xml(Xpath Expressions).

How can i do a filter/search in XUL tree. I have found some code for custom tree from Mozilla website but that doesn't work with dynamic tree.

When i type something in the text box of search field, it should extract the values in XUL tree, tree cell. How can i write a Xpath expression for filter in xul tree.

I know we have to add a piece of Xpath expression somewhere else in my xul tree template. Because there is no proper tutorial using XQuery Xpath expression in xul tree. I couldn't do it.

Some one please help me to write a function for this using JavaScript. Thank you friends.

This is my xul code for search bar:

<hbox align="center" id="search-box">
         <textbox type="search" oncommand="SearchKeyword(this)"/>
        <button id="reloadpage" oncommand="reload()" label="Refresh"  disabled="false"/>
        <button label="Edit/Save" oncommand="edit();" />
		
    </hbox>

This is my XUL tree:

<treechildren datasources="file://D:/xmlparserinxul/finalversion2.xml" ref="*" querytype="xml">
   <template>
     <query expr="CONTACT">
       <assign var="?pde" expr="PDE-Identity"/>
       <assign var="?fname" expr="FirstName"/>
       <assign var="?lname" expr="LastName"/>
       <assign var="?gmail" expr="gmail"/>
       <assign var="?yahoo" expr="yahoo"/>
       <assign var="?alcatel-lucent" expr="alcatel-lucent"/>
       <assign var="?facebook" expr="URL"/>
       <assign var="?id" expr="Facebook-ID"/>
    </query>
     <action>
       <treeitem uri="?">
         <treerow>
           <treecell label="?pde"/>
           <treecell label="?fname"/>
           <treecell label="?lname"/>
           <treecell label="?gmail"/>
           <treecell label="?yahoo"/>
           <treecell label="?alcatel-lucent"/>
           <treecell label="?facebook" />
           <treecell label="?id" />
         </treerow>
       </treeitem>
     </action>
   </template>
 </treechildren>
 
 </tree>

JavaScript:

function SearchKeyword(oElem)
{

}

: