使用layui扩展插件treeTable实现的

使用lauyi实现表格树
1.前端引用主要文件layui.js

<script type="text/javascript" src="js/laydate/layui/layui.js"></script>

2.需要使用插件treetable.js

html代码如下

	<div class="main">
		<div class="mainCont">
			<div class="deptMsg">
				<div class="title">菜单</div>
				<div class="row" style="margin: 10px auto;">
					<form name="form1" id="form1" method="post">
						
						
						<div class="col-lg-3">
							<a onclick="addtask()" class="btn btn-success mar-l">添加菜单</a> 
						</div>
					</form>	
				</div>
				<div class="role">
					<div>
    					<table class="layui-hidden" id="listTable" lay-filter="listTable"></table>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 模态框开始 -->
<div class="modal success">
      	<div class="modal-dialog">	        		
          	<div class="modal-content">
               <div class="modal-header">
                   <button type="button" class="close" onclick="closeModal()">&times;</button>
                   <h4 class="modal-title lable"></h4>
           		</div>
              	<div class="modal-body">
              	    <form enctype="multipart/form-data" id="astask">
              	    	<div class="row">
								<div class="col-md-4">
									<div class="input-group">
										<span class="input-group-addon">上级菜单：</span>		
										&