Ztree实现多实例树插件示例：jQuery与功能展示

@using T_Care.Web.Areas.Quanxian.Models;
@using T_Care.Entity.Miaoshu;
@using Mediinfo.Infrastructure.Util;

@{
    ViewBag.Title = "服务项目维护";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section HeaderContent
{
    @Styles.Render("~/Scripts/ztree/zTreeStyle/zTreeStyle.css")
    <script src="~/Scripts/jquery-1.7.1.min.js" charset="UTF-8" type="text/javascript"></script>
    @Scripts.Render("~/Scripts/ztree/jquery.ztree.core-3.5.min.js")
    @Scripts.Render("~/Scripts/ztree/jquery.ztree.excheck-3.5.min.js")
    @Scripts.Render("~/Scripts/uploadPreview.min.js")

    <style type="text/css">
        ul.ztree {
            margin-top: 10px;
            border: 1px solid #617775;
            background: #f0f6e4;
            width: 200px;
            height: 350px;
            overflow-y: scroll;
            overflow-x: auto;
            margin-top: 0;
        }
    </style>

}
<div class="edit-right">
    <div class="zhgl_list_right-bg">

    </div>
</div>
<div class="edit-right3">
    <fieldset class="edit-fieldset">
        <legend class="edit-legend">服务项目维护</legend>
        <div style="width:300px;color:#0d4d70;margin-bottom:10px;margin-top:5px">
            <span  class="easyui-linkbutton" href="javascript:void(0);" onclick="javascript: Addnewnode();"><i class=" fa fa-plus-square fa-lg fa-fw"></i>新增服务项目</span>
        </div>
        <table>
            <tr>
                <td>
                    
                    <div id="menuContent" class="menuContent">
                        <ul id="treeDemo" class="ztree" style="margin-top:0; width:300px;height:350px"></ul>
                    </div>
                </td>
                <td valign="top" id="td_bumen_html"></td>
            </tr>
        </table>
    </fieldset>
</div>
@Scripts.Render("~/Scripts/fullcalendar/moment.min.js")
@Scripts.Render("~/Scripts/fullcalendar/fullcalendar.min.js")
@Scripts.Render("~/Scripts/fullcalendar/zh-cn.js")
<script type="text/javascript">
    var showdialog;