Saltar al contenido

ejemplo de jstree ajax

Ejemplo: jstree ajax

$("#schema").jstree({
   "core": {
                "data": {
                    "url": url,
                    "type": "post",
                    "data": function (node) {
                        return { "ParentId": node.id };
                    }
                }
            },
   "search": {
                "case_insensitive": true,
                "show_only_matches": true,
                "show_only_matches_children": true,
                ajax: {
                    "url": url,
                    "type": "post",
                    "data": {"yourdata": showtableonly  }
                }
            },
            "plugins": ["search"], 
            });
//Example Search
$("#schema").jstree(true).search("Your Text Here");


Server Side C#
public class TreeState
   {    
 
       public bool loaded { set; get; }
       public bool opened { set; get; }
       public bool selected { set; get; }
       public bool disbled { set; get; }
   }

public class TreeNode
   {
       public TreeNode()
       {
       }
 
       public TreeNode(string text)
       {
           this.text = text;
       }
 
       public TreeNode(string text, string icon)
       {
           this.text = text;
           this.icon = icon;
       }
 
 
       public string id { set; get; }
       public string parent { set; get; }
       public bool children { set; get; }
       public string text { get; set; }
       public string icon { get; set; }
       public TreeState state { set; get; }
       public string type { set; get; }
       public string style { set; get; }
       public object NodeObject { set; get; }
   }


[HttpPost]
public JsonResult GetTreeNode(Dictionary<string,string> search)
{           
    List<TreeNode> tree = new List<TreeNode>();
    tree.Add(new TreeNode() {id="1",text="",state=new TreeState() { } });
    if(search.ContainsKey("str"))
    {
        //Do your search by name here
        //Format return is List<string> of all Id include with parent id
        //Please make sure the parent id is exist

        //Format ["idA","idAChild1","idAChild2","idAChild2Child1"]

        return Json(tree.Select(x=> x.id).ToList());
    } else if(search.ContainsKey("Parentid"))
    {
        // do your search server side here
        //Format is List<TreeNode>
        return Json(tree);
    }
  
}
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *