助力高校计算机教育 —— 码云为老师推出免费高校版,高达 200 人的协作团队
Watch Star Fork

jeArts / JEUIJavaScript

加入码云
与超过 200 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
JEUI 是一款国产前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,国内很多程序员javascript不熟, 大大影响了开发速度. 因此JEUI不需要开发人员去关心javascript怎么写, 只要写标准html就可以了,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发。 http://www.jemui.com/
一键复制 编辑 原始数据 按行查看 历史
tree.html 4.38 KB jeSinArts 提交于 2017-07-13 16:00 . jeui 1.0.2
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>je-tree</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="wcodeth=device-wcodeth, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/jeui.css" media="all">
<script type="text/javascript" src="js/modules/jeui.js"></script>
</head>
<body>
<div class="je-p20">
<blockquote class="je-quote je-f16">
tree树列表
</blockquote>
<div id="trees" class="je-tree"></div>
</div>
<script type="text/javascript">
jeui.use(["jquery","jeTree"],function () {
var jsonlist = [
{
tid: "M001",
name: "首页",
url: "",
childlist: [
{
tid: "M006",
name: "je原创插件库",
url: "http://www.jayui.com/",
childlist: ""
},
{
tid: "M007",
name: "别克",
url: "",
childlist: ""
}
]
},
{
tid: "M002",
name: "车辆买卖",
url: "",
open: true,
childlist: [
{
tid: "M003",
name: "新车",
url: "",
open: true,
childlist: [
{
tid: "M006",
name: "奥迪",
url: "",
childlist: [
{
tid: "M007",
name: "别克",
url: "",
childlist: [
{
tid: "M006",
name: "奥迪",
url: "",
childlist: ""
},
{
tid: "M007",
name: "别克",
url: "",
childlist: ""
}
]
}
]
},
{
tid: "M007",
name: "别克",
url: "",
childlist: ""
}
]
},
{
tid: "M004",
name: "二手车",
url: "",
childlist: ""
},
{
tid: "M005",
name: "改装车",
url: "",
childlist: [
{
tid: "M006",
name: "奥迪",
url: "",
childlist: ""
},
{
tid: "M007",
name: "别克",
url: "",
childlist: ""
}
]
}
]
},
{
tid: "M006",
name: "宠物",
url: "",
childlist: [
{
tid: "M006",
name: "奥迪",
url: "",
childlist: ""
},
{
tid: "M007",
name: "别克",
url: "",
childlist: ""
}
]
}
];
$("#trees").jeTree({
datas:jsonlist,
itemfun:function (item) {
console.log(item)
}
})
})
</script>
<!--http://www.qdfuns.com/notes/13967/3cdebc6a132f33a3e65aa2b6019a7487.html-->
</body>
</html>
10_float_left_people 10_float_left_close