zTree
zTree
杨林伟
像火箭科学家一样思考!
展开
-
56zTree - 配合 radio 的隐藏
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - Hide With Radio Mode</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <...原创 2019-04-28 09:41:43 · 494 阅读 · 0 评论 -
55zTree - 配合 checkbox 的隐藏
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - Hide With Checkbox Mode</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> ...原创 2019-04-28 09:40:31 · 1322 阅读 · 0 评论 -
54zTree - 隐藏普通节点
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - Hide Ordinary Node</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <l...原创 2019-04-28 09:38:41 · 1948 阅读 · 0 评论 -
53zTree - 异步加载模式下全部展开
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - async for All</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link r...原创 2019-04-26 17:47:12 · 903 阅读 · 0 评论 -
52zTree - 与其他 DOM 拖拽互动
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - drag with other DOM</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <...原创 2019-04-26 17:45:56 · 818 阅读 · 0 评论 -
51zTree - 右键菜单的实现
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - select menu</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel...原创 2019-04-26 17:44:32 · 1785 阅读 · 0 评论 -
50zTree - 带 radio 的单选下拉菜单
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - radio select menu</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <li...原创 2019-04-26 17:42:30 · 945 阅读 · 0 评论 -
49zTree - 带 checkbox 的多选下拉菜单
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - checkbox select menu</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <...原创 2019-04-26 17:40:44 · 747 阅读 · 0 评论 -
48zTree - 下拉菜单
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - select menu</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel...原创 2019-04-26 17:28:39 · 348 阅读 · 0 评论 -
47zTree - Awesome 风格的左侧菜单
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - awesome 风格</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"><!-- ...原创 2019-04-26 17:25:45 · 906 阅读 · 1 评论 -
46zTree - Metro 风格的左侧菜单
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - Simple Data</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <...原创 2019-04-26 17:24:19 · 1198 阅读 · 0 评论 -
45zTree - OutLook 样式的左侧菜单
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - left_menu for Outlook</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> &l...原创 2019-04-26 17:22:52 · 1234 阅读 · 1 评论 -
44zTree - 左侧菜单
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - left_menu</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="...原创 2019-04-26 17:21:05 · 546 阅读 · 0 评论 -
43zTree - checkbox / radio 共存
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - checkbox & radio</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <...原创 2019-04-26 17:19:26 · 785 阅读 · 0 评论 -
42zTree - 添加自定义控件
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - addHoverDom / removeHoverDom / addDiyDom</TITLE> <meta http-equiv="content-type" content="text/html; cha...原创 2019-04-26 17:17:29 · 1556 阅读 · 0 评论 -
41zTree - 根据关键字模糊查找节点
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - fuzzySearch</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel...原创 2019-04-26 17:15:49 · 1046 阅读 · 0 评论 -
40zTree - 保持展开单一路径
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - single path</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel...原创 2019-04-26 17:14:17 · 584 阅读 · 0 评论 -
39zTree - 单击展开/折叠节点
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - one click</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="...原创 2019-04-26 17:12:21 · 1251 阅读 · 0 评论 -
38zTree - 冻结根节点
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - one root</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="s...原创 2019-04-26 17:10:49 · 630 阅读 · 0 评论 -
37zTree - 分页加载大数据量
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - big data page</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link r...原创 2019-04-26 17:08:26 · 2202 阅读 · 0 评论 -
36zTree - 分批异步加载大数据量
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - big data async</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link ...原创 2019-04-26 17:00:10 · 1443 阅读 · 0 评论 -
35zTree - 一次性加载大数据量
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - big data common</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link...原创 2019-04-26 16:49:51 · 1797 阅读 · 0 评论 -
34zTree - 多棵树之间 的 数据交互
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - multiTree</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="...原创 2019-04-26 16:47:26 · 1145 阅读 · 0 评论 -
33zTree - 异步加载 & 编辑功能 共存
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - async & edit</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <lin...原创 2019-04-26 16:45:42 · 484 阅读 · 0 评论 -
32zTree - 用 zTree 方法 增 / 删 / 改 节点
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - addNodes / editName / removeNode / removeChildNodes</TITLE> <meta http-equiv="content-type" content="tex...原创 2019-04-26 16:42:26 · 676 阅读 · 0 评论 -
31zTree - 高级 增 / 删 / 改 节点
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - beforeEditName / beforeRemove / onRemove / beforeRename / onRename</TITLE> <meta http-equiv="content-typ...原创 2019-04-26 16:40:08 · 548 阅读 · 4 评论 -
30zTree - 基本 增 / 删 / 改 节点
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - edit</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="style...原创 2019-04-26 16:35:53 · 505 阅读 · 0 评论 -
29zTree - 用 zTree 方法 移动 / 复制节点
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - copyNode / moveNode</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <...原创 2019-04-26 16:33:19 · 1801 阅读 · 0 评论 -
28zTree - 拖拽节点高级控制
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - beforeDrag / onDrag / beforeDrop / onDrop</TITLE> <meta http-equiv="content-type" content="text/html; ch...原创 2019-04-26 16:31:20 · 1003 阅读 · 0 评论 -
27zTree - 拖拽节点基本控制
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - drag & drop</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link...原创 2019-04-26 16:27:34 · 1102 阅读 · 0 评论 -
26zTree - 用 zTree 方法 勾选 radio
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - beforeCheck / onCheck</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> &l...原创 2019-04-26 16:25:03 · 734 阅读 · 0 评论 -
25zTree - Radio halfCheck 演示
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - Radio halfCheck</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link...原创 2019-04-26 16:23:22 · 375 阅读 · 0 评论 -
24zTree - Radio chkDisabled 演示
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - Radio chkDisabled</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <li...原创 2019-04-26 16:21:22 · 460 阅读 · 0 评论 -
23zTree - Radio nocheck 演示
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - no radio</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="s...原创 2019-04-26 16:19:44 · 552 阅读 · 0 评论 -
22zTree - Radio 勾选操作
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - radio</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="styl...原创 2019-04-26 16:17:16 · 556 阅读 · 0 评论 -
21zTree - 用 zTree 方法 勾选 checkbox
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - beforeCheck / onCheck</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> &l...原创 2019-04-26 16:14:01 · 1541 阅读 · 0 评论 -
20zTree - checkbox 勾选统计
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - getChangeCheckedNodes / getCheckedNodes</TITLE> <meta http-equiv="content-type" content="text/html; char...原创 2019-04-26 16:11:42 · 612 阅读 · 0 评论 -
19zTree - Checkbox halfCheck 演示
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - Radio halfCheck</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link...原创 2019-04-26 16:09:37 · 1204 阅读 · 0 评论 -
18zTree - Checkbox chkDisabled 禁用演示
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - Radio chkDisabled</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <li...原创 2019-04-26 16:07:11 · 2224 阅读 · 0 评论 -
17zTree - Checkbox nocheck 演示
效果图:代码:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - no checkbox</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel...原创 2019-04-26 16:05:07 · 1589 阅读 · 0 评论