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 · 497 阅读 · 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 · 1324 阅读 · 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 · 1950 阅读 · 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 · 819 阅读 · 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 · 1792 阅读 · 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 · 947 阅读 · 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 · 751 阅读 · 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 · 352 阅读 · 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 · 910 阅读 · 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 · 1200 阅读 · 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 · 1237 阅读 · 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 · 547 阅读 · 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 · 787 阅读 · 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 · 1560 阅读 · 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 · 1047 阅读 · 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 · 587 阅读 · 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 · 1253 阅读 · 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 · 633 阅读 · 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 · 2206 阅读 · 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 · 1446 阅读 · 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 · 1800 阅读 · 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 · 1148 阅读 · 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 · 677 阅读 · 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 · 549 阅读 · 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 · 507 阅读 · 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 · 1807 阅读 · 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 · 1005 阅读 · 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 · 1106 阅读 · 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 · 737 阅读 · 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 · 378 阅读 · 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 · 462 阅读 · 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 · 553 阅读 · 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 · 559 阅读 · 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 · 1543 阅读 · 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 · 614 阅读 · 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 · 1205 阅读 · 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 · 1590 阅读 · 0 评论