最近在项目中用到了树形结构。本来事EasyUi的框架,使用的都是EasyUI的控件。但是由于这个树形结构,EasyUI的功能相对较少,不能满足需求。比如说,结点前添加复选框。所以,选择了ZTree。
借鉴了同学的Demo,使用了ZTree2.5,实现了权限系统中组织的树形结构。实现的效果图如下:
实现思路:
前台代码:
<html>
<head>
<meta charset="UTF-8">
<title>Nested Layout - jQuery EasyUI Demo</title>
<link href="../../Content/jquery-easyui-1.3.2/themes/default/easyui.css" rel="stylesheet" />
<link href="../../Content/jquery-easyui-1.3.2/themes/icon.css" rel="stylesheet" />
<link href="../../Content/jquery-easyui-1.3.2/demo/demo.css" rel="stylesheet" />
<script src="../../Content/jquery-easyui-1.3.2/jquery-1.8.0.min.js"></script>
<script src="../../Content/jquery-easyui-1.3.2/jquery.ea