jstree性能优化问题,节点过多

jstree是一个强大的插件,但是当树的节点太多时,就会出现性能问题 ,用checkbox选择
多个节点的是就会非常的慢,有没有大神知道怎么优化啊

1个回答

使用懒惰加载, 也就是展开子节点,加载下一层和下下层。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
jstree 选中指定节点-yellowcong
项目中使用的树框架是Jstree,经常会遇到默认选中节点的问题,刚开始使用Jstree的同学,肯定是会被官方的API坑哭了,JsTree官方API,介绍如何使用jstree默认选中节点
jstree 默认展开所有节点方法
<br />在jstree初始化之前绑定方法 <br />.bind("loaded.jstree", function (e, data) {<br /> data.inst.open_all(-1); // -1 opens all nodes in the container <br />}<br /> ) <br />例如:<br /> $(function () { <br />$("#demo") <br />.bind("loaded.jstree", function (e, data) {
JSTree 默认展开 树节点默认展开
JSTree 默认展开 树节点默认展开
JSTree 自定义图标 不同节点 显示不同图标
JSTree 自定义图标 不同节点 显示不同图标
使用jsTree动态加载节点
因为项目的需要,需要做一个树状菜单,并且节点是动态加载的,也就是只要点击父节点,就会加载该节点下的子节点。   大致的效果实现如下图:           以上的实现就是通过jsTree实现的,一个基于JQuery的树状菜单插件,支持html,json,xml三种数据源,支持自定义主题,应该说是一个很强大的工具,现在我就把相关的代码,也是最常用的代码贴出来供大家参考。   jsTree
jstree获得节点的值
jstree获得节点的值 jstree中点击节点,如何获得节点的值呢?看了官方文档后,我发现可以用get_node()这个API 链接:http://www.jstree.com/api/#/?f=get_node%28obj%20[,%20as_dom]%29 如何用呢?是样的: .on('changed.jstree', function (e, data) {
jstree的一个坑 关于恢复选中的节点
代码:                $(function(){                var menuIds = /*[[${menuIds}]]*/ '';              console.info(menuIds);             console.info(menuIds.join(','));        var treeJsonUrl = /*[[@...
JsTree之动态创建节点-yellowcong
刚刚遇到一个淡腾的问题,我前几天使用过jsTree创建节点,本来是可以成功的,但是今天突然就出毛病了,后来研究明白了,这个create_node这个函数需要与core中的配置有关,如果没有配置’check_callback':true这个属性,是动态添加不了节点的。。。。
jsTree添加给节点添加自定义属性
遇到一个jsTree节点添加自定义属性的问题的  在节点中添加"a_attr":{"href":"qwqwe"} 就可以了
jsTree 点击节点事件及根据 ID 获取节点方法
jsTree 点击节点事件及根据ID获取某个节点方法jsTree 点击节点事件 事件名称 activate_node.jstree 使用方法 $('#jstree_div').bind("activate_node.jstree", function (obj, e) { // 处理代码 // 获取当前节点 var currentNode = e.node; });jsTr
用本地json数据初始化jsTree,绑定树节点的单击选择事件
//初始化树函数 function init_tree(obj){ $("#tree").empty(); var $tree=$("#tree").jstree({ 'themes':{ 'theme':"classic", 'dots':true, 'icons':true }, json_data:{ dat
jsTree如何让不同的节点有不同的右键菜单
概述:现在有需求要在不同节点显示不同右键菜单,只知道初始设置contextmenu,从来没有重新修改右键菜单。 刚开始以为可以在加载完就可以自动修改右键菜单选项,然后通过右键事件,发现不可以,这就尴尬。。。。幸好到stackoverflow找到思路和答案。 1、思路: 它其实是对每个节点(node)设置右键菜单的(context),这是在加载的时候完成的,也就是加载之后就不会改变,除非修改源
jstree动态创建节点
概述:一般数据都是不是死的我们需要动态的创建节点,具体引用jstree文件入门参考:http://blog.csdn.net/m0_37355951/article/details/75257556 1、html标签: 2、js文件 $(function () { $('#jstree').jstree({ 'plugins': ["checkbox
jsTree操作
项目中需要动态显示树形菜单,开始使用jqueryTree,后来发现它的功能过于简单,不能满足我对菜单的动态添加,修改,删除等功能。 于是改用jsTree,这个插件可以控制在操作菜单前需要完成的功能和操作结束后需要完成的功能。 首先进行jsTree的初始化工作 $(function () { $("#demo") .bind("before.jstree", function (
jstree 获取所有选中节点的值,包括父节点,子节点
&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt;    &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;    &amp;lt;title&amp;gt;jstree&amp;lt;/title&amp;gt;    &amp;lt;link href=&quot;js/style.min.css&quot; rel=&quot;sty
使用jstree某些树形节点不显示
使用jstree构建 系统-菜单-按钮 树时,本来是想呈现这样的效果: 结果第一层节点打开后,子节点不显示了,点击一下,所有节点全没了,页面和后台也没有报错,实在是太诡异了。因为是后台串json串到前台,所以我在控制台打印了一下传输的数据:[ { "id": "1", "text": "
jstree 新建node后,刷新jstree的改变的那一部分
背景: 左边是jstree,右边是iframe,左边jstree上有个新建按钮,点击后,右边iframe打开,新建完成后,点击右边iframe中的保存按钮.右边的jstree自动就加上了这个节点: 解决方案: function refreshTreeFromIframe1('新建node的ID', '新建node的parentID') { $jstree = $.j
jstree-初始化时默认选中根节点
直接贴出代码,后面有时间再解释。 var contacttree = $('#contact-org').jstree({ "core" : { "animation" : false, "multiple" : false, "check_callback"
JsTree3.3动态加载树节点
利用jstree实现,动态初始化树,动态加载选择节点的子节点。
Jstree之节点显示不正确-yellowcong
Jstree格式显示不正确的问题,这个问题在我以就遇到过,但是没有记录下,导致第二次采坑,有得从新开始研究,Jstree样式不正确,多半是css有问题,不要更改div里面的ul 和li标签的样式,否则你会蠢哭的。
jstree点击事件 获得节点的值
js代码: $('#tree1').on("changed.jstree", function(e, node) {//触发事件 if (node.selected.length) {alert( node.instance.get_node(node.selected[0]).text);} //输出点击的内容 $("#textInput").val(node.instance.get_n
jstree获得节点的相对路径
jstree点击节点获得节点的相对路径 在上一篇博文“jstree json data的生成”中,我们已成能够把一个目录生成相应的json字符串,存在E:/root.json中,在这篇博文中我们将实现把root.json作为数据源,生成目录树。并且点击目录树上的任意一个节点能够获得相对于根节点的路径。效果如下: 生成的目录树: 点击节点“test1.1.txt”获得它的相对路径:“tes
jstree使用【三】根据节点类型更换节点图标
jstree
jsTree的基本使用方法以及按需装载子节点
本文主要内容: 一、jsTree的基本使用方法; 二、按需装载子节点,即每次展开某节点时,才去服务器装载其子节点。 jsTree是基于jQuery的一个树形插件,该项目主页:http://www.jstree.com/
jsTree获取所有选中节点的id(包括灰色复选框)
var ref = $('#tree').jstree(true);//获得整个树 var sel = ref.get_selected(false);//获得所有选中节点,返回值为数组 //由于jstree本身方法问题,其在获取所有选中节点时获取不到灰色方框复选框的选中状态,所以通过灰色方框的class属性jstree-undetermined获取其对应的节点id var totalSel = ...
jsTree树形结构如何添加节点定位跳转功能?
问题描述:使用jsTree 插件实现了树形节点的查找功能,但是由于树层数比较多,需要拖拉页面滚动条才能看到查找到的节点(已标红),用户体验差,想实现功能:在查询结束后,不但标红“节点”,而且能自动滚动页面,不管节点所在层级数多大,这个节点都能出现在当前可视的窗口中,无需手动拉滚动条。 var searchResult = $("#container").jstree('search', $(
获取 jstree 当前点击事件
&amp;lt;div style=&quot;margin-left: 400px;margin-top: 20px;&quot;&amp;gt; &amp;lt;div id=&quot;html&quot; class=&quot;demo&quot; style=&quot;&quot;&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;/div&amp;gt; 获取节点$('#html').on('changed.jstree',function(e,data){//
jstree 展开树
$('#top').jstree().open_all(); top 为该树的id
jstree树形控件显示灰色
1. HTML/JSP must start with: otherwise cannot expand/collapse, and icon will not work. 2. to change icon after the "types" is defined and is included in plugins. for JSON data, must add attr
jstree 判断是否是根节点
.bind('select_node.jstree', function (event, data) { if ($(data.rslt.obj).attr('rel') == 'root') {         $(".helpinfo").show();     }     else {         $(".helpinfo").hide();     }
jsTree------树形结构--点击节点异步加载数据(在节点上加载数据,而不是tree全面刷新数据)
1 页面div id 加载展示数据 function test() {      $('#jstree').jstree({         'core' : {             'check_callback': true,             &quot;data&quot; : function (obj, callback){                     $.ajax({     ...
JSTree通过ajax加载数据时树形结构不显示的解决办法
版本:jstree 3.3.5 页面引入资源:&amp;lt;link rel=&quot;stylesheet&quot; href=&quot;/plugins/jstree/themes/default/style.min.css&quot; /&amp;gt;&amp;lt;script src=&quot;/plugins/jstree/jstree.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;出现的现象是:静态数据加载能够正常显示,Ajax加载数据时..
jstree的创建
jstree的创建    在上一篇“把指定的路径转化为json串。用于jstree的数据源”, 我们已经成功将任何一个路径,无限递归遍历它的子节点并转化为json串存到E:\root.json中。现在我们就用 root.json作为数据源,利用jstree生成目录树。   (1)首先:介绍一下jstree.这是一个生成目录树的元件,基于jQuery。官网:http://www.jstree.c
jstree 异步加载json节点数据
$("#jqTree").jstree({ //这个例子只是一部分的功能,还有待优化的地方 "json_data" : { "ajax" : { "type":"get", // "cache":false, "url" :
jsTree动态加载子节点(lazy loading)
该文前提:已经实现从服务器获取json数据初始化jsTree这一步。 js中初始化jstree $('#contact-org').jstree({ "data" : { "dataType": 'json', "url":function(node){
jstree默认展开
Controller//组织架构 public function index() { header(&quot;content-type:text/html;charset=utf-8&quot;); $company_id = I('company_id'); $categories = M()-&amp;gt;query(&quot;select id,name ...
JSTree 禁止拖拽
不想使用JSTree的拖拽功能,将页面中jstree的plugins中dnd项去掉便可
JsTree树控件_Ajax异步加载节点且有各种各样的功能
折腾了好长时间,终于在今天用JsTree插件实现了Ajax异步加载节点的功能。 Zero.aspx页,该页用于显示树控件。@ Page Language="C#" AutoEventWireup="true" CodeBehind="Zero.aspx.cs" Inherits="VistaToNewSchol.Zero" %> DOCTYPE html PUBLIC "-//
jsTree异步动态加载子节点
1.项目环境 想要将显示区域作为查询的条件,而区域是树形结构并且可以多选,并且数据量很大,是从中国到乡镇的地区数据,如果我们一次将所有的区域数据查出直接塞到树形结构,那么页面将会卡死,因此我们需要每次加载部分数据,如果展开下级,那么显示下一级所有的区域,这样可以解决数据量大而导致页面无法缓存的问题。 2.导入样式表 3.导入js包 4.html
Jstree点击,双击,样式,用法
调用的样式 /jstree/3.3.3/themes/default/style.min.css /jquery-treegrid/0.3.0/css/jquery.treegrid.css /jstree/3.3.3/jstree.min.js /bootstrap-select/1.12.0/css/bootstrap-select.min.css /bootstrap-select
相关热词 c#panel增加滚动条 c#中生成的dll文件 c# 模板类 c# 截取txt文本内容 c# 内存 占用 c#时间格式化 不带- c#替换字符串中指定位置 c# rdlc 动态报表 c# 获取txt编码格式 c#事件主动调用