jstree的creat_node方法使用

我写了一下代码:
$(document).ready(function(){
$("#sd").jstree({
core: {
themes: {url: true, dir: '/jstree'},
animation: false,
multiple: false,
dblclick_toggle: false,
check_callback: true,
data: [{
text: "Program List",
type: "level_root",
id: "root_inputs",
icon: "glyphicon glyphicon-list-alt",
state: {
opened: true
},
children: []
}]
},
types: {
"#": {
valid_children: ["level_root"]
},
"level_root": {
valid_children: ["level_time"]
},
"level_time": {
valid_children: ["level_program"]
},
"level_program": {
valid_children: []
}
},
plugins: ["themes","sort","types"]
})
;
var input=[
{num:"Channel1"},
{num:"Channel2"},
{num:"Channel3"},
{num:"Channel4"},
{num:"Channel5"},
{num:"Channel6"},
{num:"Channel7"},
{num:"Channel8"}
];
for(var key in input){
var node={
text:input[key].num,
icon:"glyphicon glyphicon-folder-close",
children:[],
type:"level_time",
state: {
opened: false
}

            };
            $("#sd").jstree().create_node("root_inputs",node);
        }
    })
            为什么浏览器加载时我发显示2级文件夹,但用火狐的浏览器打断点就可以加载出来,是因为creat_node的方法有延迟吗。
0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
jsTree的基本使用方法以及按需装载子节点
本文主要内容:n一、jsTree的基本使用方法;n二、按需装载子节点,即每次展开某节点时,才去服务器装载其子节点。n njsTree是基于jQuery的一个树形插件,该项目主页:http://www.jstree.com/
JSTree的简单使用
jstree是一个前端插件,可以动态生成树状图,n详细操作内容请点击官网链接跳转查看nnjstree的使用nn引入jstree的js和css文件,因为jstree是jquery写的,所以要引入jquery,引入的方法有两种,一种是引入外部,一种是引入本地的。nnn引入外部如果需要不同版本就去改站去cvnn<-- 引入外部 -->n<link rel="stylesheet" h...
jstree使用教程
jstree/树形目录/改变图标/点击事件改变打开状态/jstree使用教程/jstree json格式输出/jstree ajax数据
vue 树的使用
安装nnnpm install vue-jstreennn<template>n <div class="app-container">n <h1>{{ msg }}</h1>n <div>n <v-jstree :data="data" allow-batch
jstree使用【一】初次使用
**第一步** 引入 需要本地引入的可去官方地址下载源码n1.style.min.cssn```n<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" />
jsTree操作 jsTree插件简介
jsTree操作 jsTree插件简介 Web开发使用jsTree实例
jsTree使用
jsTree可以显示一个树状视图,支持复选框选中,选中触发事件等:n其中主要用到的方法有: n1.设置数据: n这里的data一般是ajax请求服务器返回的,必须要有id,parent,text这三个字段用于显示,也可以额外返回自己需要的字段。 n这里还增加了插件配置:'plugins':["wholerow","checkbox"] 表示在会显示复选框。//一般data从后台返回,调用这个方法显示
树形菜单----jsTree基本使用方法
树形菜单—-jsTree基本使用方法nn官网:https://www.jstree.com/
JStree的使用总结
最近的前端工作用到一个ui库中封装的结构,叫jstree,其主要功能就是数据的展示,选择,编辑,因为在网上找的资料东一块西一块的,对新手学习很不方便,所以把我最近的学到的总结下。n首先说jstree的结构,它有固定的结构组成,且只是别关键字,树的结构关键字分别为plugins,core,data. 其中plugins类似于c语言中的包含,可以包含样式,选择框,图片等,而core主要功能是控制树的
JsTree 最详细教程及完整实例
rnJsTree 最详细教程及完整实例rnJsTree是一个jquery的插件,它提交一个非常友好并且强大的交互性的树,并且是完全免费或开源的(MIT 许可)。Jstree技持Html 或 json格式的的数据, 或者是ajax方式的动态请求加载数据。rn1、支持基于HTML定义、Json、XML方式加载树节点rn    2、支持拖放,动态增加、删除、重命名树节点rn    3、支持复选框rn  ...
jstree select_node选中结点不生效
 nn场景:nnn页面刷新前记录上次选中的node结点,刷新后重置jstree ,仍显示上次选中的结点。nnn代码:nnn$ ('#cate_lib').data('jstree',false).empty();nn$(&quot;#cate_lib&quot;).jstree({   nn   &quot;core&quot;: {nn         &quot;data&quot;:data.body.msg,nn          &quot;multipl...
JSTree手动管理AJAX请求
在项目中,突然出现这样的需求:1.顶层节点一次性全部给出;n2.子节点延迟加载;n3.数据格式需要严格遵守厂商的规格;一看厂商的规格,,果然如此,跟JSTree默认的格式差了不少,这样就需要手动处理jstree的AJAX请求,核心代码如下: $('#jstree').jstree({n 'core' : {n 'data' : function(obj, cb) {
jstree--AJAX 请求获取数据形成树
概述:rn一般情况下都是通过ajax进行请求获取数据。boostrap+ajaxrn1、代码rn//权限分配n $('#authority').click(function() {n $("#jstree").jstree({n "core" : {n "themes" : {n "res
jstree 使用-层次-搜索
jstree 中文帮助文档:http://blog.csdn.net/qq_24472595/article/details/70053863#search创建后的没有层次的树如下树的源码和树的结构如下: @Atn @Ok(&quot;json&quot;)n @RequiresPermissions(&quot;o2omarket.ProcurementCar&quot;)n public Object tree(@...
jstree 展开树
$('#top').jstree().open_all();rnrntop 为该树的id
JsTree之动态创建节点-yellowcong
刚刚遇到一个淡腾的问题,我前几天使用过jsTree创建节点,本来是可以成功的,但是今天突然就出毛病了,后来研究明白了,这个create_node这个函数需要与core中的配置有关,如果没有配置’check_callback':true这个属性,是动态添加不了节点的。。。。
jsTree学习笔记
以下实现在HTML数据初始化实现nnjsTree整行选中状态设置$("#tree").jstree({n "plugins" : [ "wholerow" ]n });nn#tree是jstree的id,plugins是jstree的参数选项nnjsTree搜索实现n $("#tre
jstree的基本使用例子
var menu = (function() {n var _menu = {data:{},n initMenu : function() {n $.jstree.defaults.core.themes.variant = "large";n $.jstree.defaults.core.themes.responsive = tr
jstree插件包和DMEO
jstree插件包和DMEO jstree插件包和DMEO jstree插件包和DMEO jstree插件包和DMEO jstree插件包和DMEO jstree插件包和DMEO
checkbox的jsTree的一个调用
折腾了好几天,才整理出来。rn[code=&quot;html&quot;]rnrnrnrn rn rn rn rn rn rnrnrnrnrnrn[/code]rntree.js的代码rn[code=&quot;javascript&quot;]rn $(function () {rn $.ajaxSetup({cache:false});rn ...
java-jsTree通用的树生成代码
一、创建TreeNodes实体类npublic class TreeNodes {n //实体类主键(必须字段),用于与上级绑定n private String id;n //父级ID(必须字段),用于与下级绑定n private String pId;n //实体类层级(必须字段)n private String level;n //实体类名称(非必须,可替换...
jstree的简单使用例子
最近使用到了jstree,感觉是一款灵活的、可多项定制的tree插件;rnrn我这边使用过程记录下;rnrn参考的jstree api网站,以及demo介绍:rnrnhttps://www.jstree.com/api/#/rnrnrnrnjstree api github:rnhttps://github.com/vakata/jstree#populating-the-tree-using-a
JSTree使用
JSTree使用n1、jstree.js 下载地址:https://www.jstree.com/n2、当然,jstree.js的使用肯定是离不开jquery.js的。不过下载好的包里是包含了jquery.js的。n3、一些相关的插件,简单说下几个常用的:nCheckbox:复选框nDnd:可拖拽功能nContextmenu:菜单功能n4、由于要求做一个支持菜单功能、可拖拽、增删改节点功能的属...
jstree在chrome浏览器中显示的排序与其他浏览器(firefox,IE)显示不一致
jstree在chrome浏览器中显示的排序与其他浏览器(firefox,IE)显示不一致rn通过google搜索,发现有大神已经把这个bug给解决了,只要修改jquery.jstree.js文件rnrn图片地址:https://github.com/vakata/jstree/commit/9c41e435d5aee9647e26500200e30b359bb96ae0?diff=unified
jsTree 点击节点事件及根据 ID 获取节点方法
jsTree 点击节点事件及根据ID获取某个节点方法jsTree 点击节点事件n事件名称 nactivate_node.jstreen使用方法n$('#jstree_div').bind("activate_node.jstree", function (obj, e) {n // 处理代码n // 获取当前节点n var currentNode = e.node;n});jsTr
Jstree增加刷新回调方法
这是最近遇到的问题,在使用jstree创建节点后,需要刷新树状数据并选中创建的结点。翻阅了jstree的api,发现他的refresh方法中并没有回调这个概念。这种情况下就只有和后端开发接口的人员协商解决了。 n方案1:在加载数据的接口中返回最新创建的结点ID,但显然比较难做到 n方案2:创建结点后刷新数据,并返回创建结点的id,由前端人员设置选中它。 n方案3:不刷新数据,在已知位置用后端返回的结
jsTree ajax 获取json数据加载树
后台获取json格式数据。 n直接上代码。 最后有一张官方ajax获取tree的说明。 var ajaxTreeSample = function() { $("#tree_4").jstree({n "core" : {n "themes" : {n "responsive": fals
jstree的简单功能使用
jstree的简单使用nnnjstree实现自定义图标njstree实现拖拽njstree实现拖拽后保留顺序njstree实现点击链接href属性njstree实现增删改njstre实现层级目录,类似doc文档目录njstree展开层级目录nnn&amp;lt;body&amp;gt;n&amp;lt;div class=&quot;lesson-list-div&quot;&amp;gt;n &amp;lt;div id=&quot;lesson-list-...
jsTree使用记录,节点操作及选中等
         在开发过程中有一个场景,树是一个项目迭代树,每一个节点都是一个项目,树上面也可以创建文件夹节点将同一类型或者同一个项目的迭代版本放置到一起集中管理,这时候在页面新增了一个迭代版本,创建的时候逻辑并不是在树上面走,但是创建完了之后希望能在树上面体现出来,刷新树节点数据并且选中新建的这个节点,将新建迭代版本的内容呈现出来。nn      好了业务场景描述完了,这时候实现按理是很简单的...
JStree 绘制文件树(2)—— 异步加载父节点数据,点击后添加子节点,并展开或合并
上一篇博客中演示了JsTree的基本使用,使用的是本地不可变数据进行Demo绘制。nn博客地址:https://blog.csdn.net/hewenbo111/article/details/90182394nn在实际使用中,后台数据经常需要异步获取,所以本次介绍在实际绘制文件树过程中使用的异步加载数据的方式。nnnn绘制目标:nn ①:异步加载初始化 Jstree 的数据;n...
jstree的一些用法
继续上次的用法rnrn//当树加载完成后触发的时间n $('#tree_2').on("ready.jstree", function (e, data) {n  //隐藏所有图标rn $('#tree_2').jstree().hide_icons();n });n $('#tree_2').on('changed.jstree', function (e, da
JStree开发使用案例
JStree开发使用案例
jstree源码
包含多种jstree,包含多种jstree,包含多种jstree,包含多种jstree,包含多种jstree,包含多种jstree,
jstree 1.0 最新版
jstree 1.0 最新版jstree 1.0 最新版jstree 1.0 最新版jstree 1.0 最新版jstree 1.0 最新版
JStree 关联修改
根据业务需求,需要更改JStree源码,以下为记录使用1.修改选中父级时不自动选中子级,选中子级时直接选中父级并存储父级id.on(this.settings.checkbox.tie_selection ? 'select_node.jstree' : 'check_node.jstree', $.proxy(function (e, data) {n var obj = data.node
jstree树形文件夹用vue.js组件格式做出来
jstree树状文件夹首先在官网下载jsTree或使用CDNJS。 n (如果您选择下载-所有你需要的文件是在dist/下载文件夹中)1. 在index文件中引入CDN(style.min.css/jquery.min.js/jstree.min.js) n2. 创建一个jstree.html文件来设置一个容器。 n 3. 创建一个json文件,代码格式如下: n4. 创建一个jstree.js文
jsTree 使用笔记
ajax 初始化 JsTree rnvar $element = $('#Tree');rnrn$element.jstree({rn"core" : {rn"themes" : {rn"responsive": falsern},rn"check_callback" : true,rn'data' : {rn'url' : function (node) {rnreturn 'data.json
jstree -- 使用JSON 数据组装成树
概述:rn前面主要是html数据,这里主要是json数组rn1.格式rnjsTree需要一个具体格式JSON数据,在标准的语法没有那个字段是必须的-而是那些是你需要的。请记住你可以获取任何你请求的其他属性,jsTree将会不会碰他们,你将有可能在随后使用它们。rn为了改变节点的图标你可以是用属性icon。具体的字符串需要包含/的一个图片的url路径,你可以使用任何其它字符串应用类样式去修饰元素,它
jsTree实例,jsTree实例
jsTree实例,jsTree实例,jsTree实例
jsTree 大集合
jsTree大集合 jsTree大集合 jsTree大集合
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 学习产品经理的方法 java 末班方法