recherche jstree nœuds à l'aide de jquery

Je suis en utilisant jstree plugin pour construire mon arbre. J'ai une boîte de recherche dans ma page web où j'ai besoin d'utilisateurs pour être en mesure de rechercher le jstree nœuds.

<fieldset id="search">

    <input type="text" name="search_field" id="search_field" value="" />
    <button id="search_tree">Search</button>

  </fieldset>

Quand on clique sur recherche, jstree nœuds doit être élargi et le cas échéant les nœuds doivent être mis en évidence. Si elle ne trouve pas d'erreur et des utilisateurs devrait être affichée comme "non trouvé". Mon code pour développer tous les nœuds ci-dessous. Est-il un moyen facile de rechercher tous les nœuds de la jstree?

<script type="text/javascript"> 
     $(document).ready(function(){

         $("#search_tree").click(function () {  
    var value=document.getElementById("search_field").value; 
         $("#tree").jstree("search",value);  

     });  

     $("#tree").jstree({  



         "xml_data" : {  

             "ajax" : {  

                 "url" : "jstree.xml" 

             },  

             "xsl" : "nest"


         },  
         "themes" : {  

             "theme" : "classic",  

            "dots" : true,  

             "icons" : true 

         },  

             "search" : {  

                 "case_insensitive" : true,  

                 "ajax" : {  

                     "url" : "jstree.xml" 

                 }  

             },  
              "plugins" : ["themes", "xml_data", "ui","types", "search"] 

         });  



 }); 

</script>

J'obtiens cette erreur:

Cas[...]a la valeur null ou n'est pas un objet. c'est un jstree erreur. des idées?

Avez-vous google? jstree.com/documentation/search
oui, j'ai regardé le plugin. J'ai modifié mon post. Encore une erreur. Des idées?

OriginalL'auteur user1471980 | 2013-02-19

  1. 4

    J'ai ajouté ce bout de code de ma fonction:

    "search" : {  

                 "case_insensitive" : true,  

                 "ajax" : {  

                     "url" : "jstree.xml" 

                 }  

             },  
              "plugins" : ["themes", "xml_data", "ui","types", "search"]

    et

    créé cette fonction et assoicated avec ma cliquez sur le bouton:

    function myFunction()
{
$(document).ready(function(){

var value=document.getElementById("search_field").value; 

    $("#search_tree").click(function () { 

        $("#tree").jstree("search",value) 
 }); 

 }); 
}
    Cela a été très utile!

    OriginalL'auteur user1471980