博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery easyui菜单树显示
阅读量:5825 次
发布时间:2019-06-18

本文共 991 字,大约阅读时间需要 3 分钟。

目前做了一个easyui项目需要显示多级菜单,菜单配置到数据库中,因此每级菜单都需要到数据库中取,用了jQuery EasyUI方便多了。

效果体验:

下载:
参考:
HTML代码:

1  2  3  4     
5 树菜单操作 - jQuery EasyUI 范例 - 何问起 6
7
8
9 10 11 12 13 14

树菜单操作

15

点击下列按钮体验效果.

16
22
23
    24
    25
    26 首页27 49 50

    菜单项的json文件代码:

    [{"id": 1,"text": "Tree菜单","children": [{"id": 11,"text": "Photos","state": "closed","children": [{"id": 111,"text": "何问起"},{"id": 112,"text": "EasyUI"},{"id": 113,"text": "jQuery"}]},{"id": 12,"text": "Program Files","children": [{"id": 121,"text": "HoverClock"},{"id": 122,"text": "画饼图","attributes": {"p1": "Custom Attribute1","p2": "Custom Attribute2"}},{"id": 123,"text": "批量重命名"},{"id": 124,"text": "图像转码","checked": true}]},{"id": 13,"text": "见缝插针"},{"id": 14,"text": "选择题"},{"id": 15,"text": "图标"},{"id": 16,"text": "原文"}]}]

    更多特效:

    转载地址:http://zjsdx.baihongyu.com/

    你可能感兴趣的文章
    Tomcat性能调优
    查看>>
    Android自学--一篇文章基本掌握所有的常用View组件
    查看>>
    灰度图像和彩色图像
    查看>>
    FreeMarker-Built-ins for strings
    查看>>
    argparse - 命令行选项与参数解析(转)
    查看>>
    修改上一篇文章的node.js代码,支持默认页及支持中文
    查看>>
    spring-boot支持websocket
    查看>>
    我理想中的前端工作流
    查看>>
    记一次Git异常操作:将多个repository合并到同一repository的同一分支
    查看>>
    Chrome 广告屏蔽功能不影响浏览器性能
    查看>>
    Android状态栏实现沉浸式模式
    查看>>
    使用Openfiler搭建ISCSI网络存储
    查看>>
    学生名单
    查看>>
    (转) 多模态机器翻译
    查看>>
    【官方文档】Nginx负载均衡学习笔记(三) TCP和UDP负载平衡官方参考文档
    查看>>
    矩阵常用归一化
    查看>>
    Oracle常用函数总结
    查看>>
    【聚能聊有奖话题】Boring隧道掘进机完成首段挖掘,离未来交通还有多远?
    查看>>
    考研太苦逼没坚持下来!看苑老师视频有点上头
    查看>>
    HCNA——RIP的路由汇总
    查看>>