jstree 用法详解

一. 在前台html页面声明一个div作为树的载体  

<div id=”jstree1″>

  </div>

  

二.引入css和js ,在这里我用的是官网最新的版本,下载到你的本地项目中,官网地址https://www.jstree.com/ 

  

<link href=”/Content/Vakata-jstree-3.3.7/dist/themes/default/style.min.css” rel=”stylesheet” />

<script src=”/Content/Vakata-jstree-3.3.7/dist/jstree.min.js”></script>

三.开始jstree的树的配置,js有自己特定的json格式,

       public string id { get; set; }

        public string icon { get; set; }

        public string text { get; set; }

        public state state { get; set; }

function loadtree() {

$.jstree.destroy();//销毁所有痕迹

//alert(names);

//单击单个数据
$('

}

四.效果如下

jstree 用法详解

更多技术请关注

jstree 用法详解

jstree 用法详解》来自互联网,仅为收藏学习,如侵权请联系删除。本文URL:http://www.hashtobe.com/343.html