javascript-JS关于生成有20W条数据的静态树

问题描述

JS关于生成有20W条数据的静态树

这里有20W条数据,每个数据有ID,PID,NAME属性。现在要把这20W条数据从后台一次性读取,在JAVA中利用freemarker.jar参照模板问卷生成html。现在利用Jquery-zTree做出的静态页面打开需要14s左右,用梅花树倒是非常快,2s搞定。但请问还有没有更快的解决方式?

解决方案

用hightChart绑定,或者用 D3.js都可以。速度还是挺快的。

时间: 2024-10-31 01:02:20

javascript-JS关于生成有20W条数据的静态树的相关文章

java 读取 Excel (20W条数据)并导入到 数据库解决方案

问题描述 现在做个项目,要把 Excel 通过 java web 导入到数据库,在 action 里 java 内存泄漏 (20 W 条数据).于是想到把文件上传到服务器,然后 java 直接连接 Excel 本身数据库读取数据 insert 到 SQLSERVER 数据库 不知可行不,有没有更好的建议 解决方案 转为CSV上传,可以用SuperCSV读或者用POI分段读取EXCEL解决方案二:1 增大jvm 2 任何读取大的数据都不应该一次性读取,而是需要分批次处理,也就是一次处理几千条数据条

Js表格万条数据瞬间加载实现代码

 一条数据创建一行,如果数量大的时候,一次性要加载完数据的话,浏览器就会卡上半天,下面有个不错的方法,大家可以参考下 Js表格,万条数据瞬间加载    在Ajax动态加载数据的实际应用中,大家都习惯了一种思维方式:一条数据创建一行.  于是如果数量大的时候,一次性要加载完数据的话,浏览器就会卡上半天    受Flex的DataGrid控件的启发,在Flex的DataGrid控件中,展示数据的方法并不是有多少条数据就创建多少行,它最多只创建你在界面上所看到的十几二十行(假设为n行),如果数据多的话

Js表格万条数据瞬间加载实现代码_javascript技巧

Js表格,万条数据瞬间加载 在Ajax动态加载数据的实际应用中,大家都习惯了一种思维方式:一条数据创建一行. 于是如果数量大的时候,一次性要加载完数据的话,浏览器就会卡上半天 受Flex的DataGrid控件的启发,在Flex的DataGrid控件中,展示数据的方法并不是有多少条数据就创建多少行,它最多只创建你在界面上所看到的十几二十行(假设为n行),如果数据多的话,在滚动过程中,会从数据中抽取你应该看到的这n行数据,重新展示在已经创建好的那n行控件中. 也就是说,Flex的DataGrid控件

js数据顺序调整,实现多条数据一起调整

问题描述 js数据顺序调整,实现多条数据一起调整 我用的table标签 这种形式的页面,先点击checkbox,选择要调整位置的几条数据,有两个向上和向下的按钮,点击按钮,如何实现,把选择的多条数据,向上移一行或者向下移一行,我现在只能选择一条数据,向上移一行或者向下移一行这是我现在实现的代码 var table = document.getElementById(""tableid""); var selectedTr = selecttdid.parentEle

javascript 获取多条数据(模拟ajax获取数据)_javascript技巧

()'>于发表: 获取多条数据(模拟ajax获取数据)

ajax 数据库中随机读取5条数据动态在页面中刷新_AJAX相关

不能用数据库中的Top,后面发现了用这样一个方法可以实现...现就这个方法总结写了一个页面.有兴趣的朋友们可以一起学习下.... 前台代码:  复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="ajaxRandomData.aspx.cs" Inherits="ajaxRandomData" %> <!DOCTYPE html

ajax 数据库中随机读取5条数据动态在页面中刷新

不能用数据库中的Top,后面发现了用这样一个方法可以实现...现就这个方法总结写了一个页面.有兴趣的朋友们可以一起学习下.... 前台代码:  复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="ajaxRandomData.aspx.cs" Inherits="ajaxRandomData" %> <!DOCTYPE html

never sliderbar(js版简单的滑动条控件)

js|控件 web滑动条,web滚动条,js滚动条,滑动条控件,js Sliderbar 已经再次更新:支持实时监控sliderbar的数据,允许有callback回调的函数,有示例,持续更新中......   1.可自定样式SetStyle() 2.带有onSroll功能 3.有setSldPoint(设置位置)接口 4.有getSldPoint(取得位置)接口 5.可自己设置sliderBar的最大值(不是sliderbar的长度,而是值) 6.自定义微调功能(setIncrement(10

timeline.js如何生成时间轴?

问题描述 timeline.js如何生成时间轴? <!DOCTYPE html> Timeline <!-- The default timeline stylesheet --><link rel=""stylesheet"" href=""assets/css/timeline.css""/><!-- Our customizations to the theme -->&l