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>