V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
hsiangleev
V2EX  ›  JavaScript

基于虚拟 dom 编写 eleTree 树组件

  •  
  •   hsiangleev · 2020-07-14 11:05:30 +08:00 · 1428 次点击
    这是一个创建于 1591 天前的主题,其中的信息可能已经有所发展或是发生改变。

    说明

    完全基于 snabbdom 组件,采用展开才加载的方式,渲染速度大幅提升

    项目地址 在线文档

    实现的功能

    1. 自定义图标
    2. 复选框 checkbox
    3. 单选框 radio
    4. 自定义右键菜单
    5. 复制粘贴节点
    6. 搜索功能
    7. 懒加载

    安装

    1. npm 引入npm run eletree -D
    2. 直接引入 js 文件,下载地址

    快速使用

    var el = eleTree({
        el: '.eletree',
        url: '/eleTree/json/1.json',
        highlightCurrent: true,
        showCheckbox: true
    })
    el.getChecked()
    el.on("checkbox", function(data) {
        console.log(data)
    })
    

    示例如下图: 图片示例

    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   987 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 22:00 · PVG 06:00 · LAX 14:00 · JFK 17:00
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.