求一个树形菜单，数据超过2000 ，高分奉献。

lonaerd 2014-12-18 11:19:52

很多年没来这里了，希望多多关照。
求一个树型菜单，要求不高，但是需要加载速度快且调用简单。论坛里梅花雪菜单设置太过复杂，我的要求是：

2002年（50人）
2003年（100人）
......
2014（150人）

点年份，展开每个人的姓名，点姓名显示每个人的链接信息。
很显然，这些数据都是从数据库里提取，但是试了好几个菜单，速度都很慢，在谷歌浏览器下还可以，在IE里等半天。
各位手上有好用的JS菜单不妨推荐一下，重分奖励。

...全文

459 12 打赏收藏举报

写回复

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

qzyf1992 2014-12-25

打赏
举报

回复

主要2000数据加载到页面上不慢才怪。。

skyhitnow 2014-12-25

打赏
举报

回复

可以适当预加载，比如点到这一级的时候加载下一级

Hello World, 2014-12-25

打赏
举报

回复

ztree的异步加载挺快的

lonaerd 2014-12-24

打赏
举报

回复

最后，谁有异步加载的菜单？有用得好且比较好调用的，推荐一下。

lonaerd 2014-12-24

打赏
举报

回复

试了好几个，总是不理想，最后还是在DTREE上动脑筋。 dtree在IE下一次加载超过1200个节点，IE就提示报警了，反复点确定后可以显示，但显然拿不出手。后来我在想IE之所以加载JS慢，关键在于最后一步document.write (d) ,如果生成多个DTREE树，每次生成完后就document.write(d) ,那不是解决问题了？实验后果然成功，现在一次加载2000多个节点也不会报警，且速度可以接受。把多个DTREE树合并成一颗数，显然需要隐藏根节点，否则很难看，稍修改js文件，即可解决问题。即将送分了，大家都过来回复一下，回复都有份，呵呵。

挨踢直男 2014-12-24

打赏
举报

回复

http://chhblog.com/Web/DemoView.aspx?DemoID=48

a756375788 2014-12-24

打赏
举报

回复

楼主可以试试这个，估计能够满足你的需求 http://bootstrap.ourjs.com/#tree

KK3K2005 2014-12-19

打赏
举报

回复

自己在菜单外面在加个分页你自己会看一个2000行的表格吗

弘毅致远 2014-12-19

打赏
举报

回复

如果一次生成，肯定快不了。用点开节点的时候再去加载的异步方式来做，

whqet 2014-12-19

打赏
举报

回复

http://www.jqueryrain.com/?7zg9QYD3

lonaerd 2014-12-18

打赏
举报

回复

循环过程中如果采用了add方法添加item ，一般都不会快。

Braska 2014-12-18

打赏
举报

回复

ztree.js

本文介绍了使用jQuery EasyUI创建树形菜单的三种实用方法：1）纯HTML标记法，通过ul/li标签快速构建树形结构，支持无限嵌套和图标设置；2）标记与数据属性混合法，提供更灵活的节点控制；3）结合布局的完整后台框架方案，实现左侧树菜单与右侧内容区联动。重点推荐第一种方法，只需3秒即可生成专业树形菜单，支持折叠展开、图标显示和点击事件处理。文章提供了可直接运行的代码示例，特别适合需要快速实现静态菜单的开发场景。

摘要：本文介绍了使用jQuery EasyUI创建异步树形菜单的3种方法。核心方法1通过onBeforeExpand事件实现懒加载，点击节点时才请求子节点数据，适合无限级菜单场景。文中提供了完整的前端代码和PHP后台接口示例，包括根节点和子节点的数据格式处理。还展示了如何结合EasyUI布局实现左侧异步树菜单+右侧tabs的经典后台框架效果，以及使用loadFilter统一处理返回数据的高级用法。该方法特别适合大数据量的组织架构、商品分类等场景，具有加载速度快、支持无限级展开的特点。

无限级树型菜单是一种在图形用户界面中广泛应用的组件，它模拟了现实世界中的树状结构，用于展示具有层级关系的数据。这种菜单能够让用户逐层深入查看各个节点，非常适合用来组织和展示如网站导航、文件夹结构、组织架构等信息。与有限级的树型菜单不同的是，无限级树型菜单可以扩展到任意深度，这对于复杂的层级数据展示是必不可少的。序列化是指将对象状态转换为可保持或传输的格式的过程。在Web开发中，JSON和XML是最常用的两种序列化格式。是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。

本文介绍了使用jQuery EasyUI实现树形菜单懒加载的实用方法，特别适合部门组织架构、菜单管理等场景。核心方案是初始只加载顶级节点，点击父节点时异步加载其直接子节点。文章提供了完整的HTML示例代码和PHP后台接口模板，重点说明了如何通过设置state:'closed'实现自动懒加载，并包含数据格式转换、点击事件处理等实用技巧。还展示了结合布局面板的经典后台管理界面实现方式，强调该方法支持无限层级且性能优异。文末提供定制化帮助，承诺快速解决实际应用中的具体需求。

最近看了 Vue.js 的递归组件，实现了一个最基本的树形菜单。main.js 作为入口：import Vue from 'vue'import main from './components/main.vue'new Vue({el: '#app',render: h => h(main)})它引入了一个组件 main.vue：const myData = [{id: '1',menuNa...

87,984

社区成员

224,681

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章