LayoutSynthesisTree（树集合篇汇总）

ayoutSynthesisTree（树集合篇汇总）

关于后台数据存储将集中在最后一篇讲解，此处省略

<%@ Page Language="C#" MasterPageFile="~/pages/master/WebList.Master" AutoEventWireup="true"
CodeBehind="LayoutSynthesisTree.aspx.cs" Inherits="BF.Web.pages.MedicalTreatmentCombination.LayoutSynthesisTree" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceJs" runat="server">
<link href="EasyUI-Tree_v3-master/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="EasyUI-Tree_v3-master/themes/icon.css" rel="stylesheet" type="text/css" />
<link href="EasyUI-Tree_v3-master/demo.css" rel="stylesheet" type="text/css" />
<script src="EasyUI-Tree_v3-master/jquery.min.js" type="text/javascript"></script>
<script src="EasyUI-Tree_v3-master/jquery.easyui.min.js" type="text/javascript"></script>
<link href="zTree-zTree_v3-master/zTree_v3/css/demo.css" rel="stylesheet" type="text/css" />
<link href="zTree-zTree_v3-master/zTree_v3/css/zTreeStyle/zTreeStyle.css" rel="stylesheet"
type="text/css" />
<%--<script src="zTree-zTree_v3-master/zTree_v3/js/jquery-1.4.4.min.js" type="text/javascript"></script>--%>
<script src="zTree-zTree_v3-master/zTree_v3/js/jquery.ztree.core-3.5.js" type="text/javascript"></script>
<script src="zTree-zTree_v3-master/zTree_v3/js/jquery.ztree.excheck-3.5.js" type="text/javascript"></script>
<script src="EasyUITreeGridMasterFile.js" type="text/javascript"></script>
<script src="EasyUITreeMasterFile.js" type="text/javascript"></script>
<script src="ZtreeAsyncMasterFile.js" type="text/javascript"></script>
<script src="ZtreeMasterFile.js" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHtml" runat="server">
<h2 style="color: Red;">
zTree,easy ui tree,treegid树的那点破事：</h2>
<div style="margin: 20px 0;">
</div>
<div class="easyui-layout" style="width: 1540px; height: 650px;">
<div data-options="region:'south',split:true" style="height: 50px;">
</div>
<div data-options="region:'east',split:true" title="ZtreeAsync" style="width: 280px;">
<div class="zTreeDemoBackground left">
<ul id="treeDemo" class="ztree">
</ul>
</div>
</div>
<div data-options="region:'west',split:true" title="QiTa" style="width: 280px;">
<div class="easyui-accordion" data-options="fit:true,border:false">
<div title="Title1" style="padding: 10px;">
</div>
<div title="Ztree" data-options="selected:true" style="padding: 0px; width: 253px;">
<div class="zTreeDemoBackground left">
<ul id="treeDemos" class="ztree" style="width: 244px;">
</ul>
</div>
</div>
<div title="Title3" style="padding: 10px">
content3
</div>
</div>
</div>
<div data-options="region:'center',title:'Main Title',iconCls:'icon-ok'">
<div class="easyui-tabs" data-options="fit:true,border:false,plain:true">
<div title="EasyUITreeGrid" data-options="" style="padding: 10px">
<div class="easyui-panel" style="padding: 5px">
<ul class="easyui-treegrid" id="easyui-treegrid" style="width: 700px; height: 850px">
</ul>
</div>
</div>
<div title="EasyUITree">
<div class="easyui-panel" style="padding: 5px">
<ul class="easyui-tree" id="easyui-tree" data-options="method:'get',animate:true">
</ul>
</div>
</div>
</div>
</div>
</div>
</asp:Content>