zoukankan      html  css  js  c++  java
  • EasyUI Tree

    TreeObj

    public class TreeObj
    {
    	private String name;
    	private String url;
    	private List<TreeObj> children = new ArrayList<TreeObj>();
    }
    

      

    tree.jsp

    <li><c:if test="${not empty tree.url}">
    		<a href="javascript:void(0);"
    			onclick="menuClick('${tree.url}')"> <span>${tree.name}</span></a>
    	</c:if> <c:if test="${empty tree.url}">
    		<span>${tree.name}</span>
    	</c:if> <c:if test="${not empty tree.children}">
    		<ul>
    			<c:forEach var="tree" items="${tree.children}">
    				<c:set var="tree" value="${tree}" scope="request" />
    				<jsp:include page="tree.jsp" />
    			</c:forEach>
    		</ul>
    	</c:if></li>
    

    main.jsp

    <div class="easyui-panel" style="padding: 5px">
    	<ul id="easyui_tree" class="easyui-tree"
    		data-options="
                    animate: true,
                    onContextMenu: function(e,node){
                        e.preventDefault();
                        $(this).tree('select',node.target);
                        $('#easyui_tree_menu').menu('show',{
                            left: e.pageX,
                            top: e.pageY
                        });
                    }
                ">
    		<!-- 树按钮 -->
    		<c:import url="../tree.jsp"></c:import>
    	</ul>
    </div>
    
    <div id="easyui_tree_menu" class="easyui-menu" style=" 120px;">
    	<div onclick="append()" data-options="iconCls:'icon-add'">新增</div>
    	<div onclick="removeit()" data-options="iconCls:'icon-remove'">移除</div>
    	<div class="menu-sep"></div>
    	<div onclick="expand()">展开</div>
    	<div onclick="collapse()">收缩</div>
    </div>
    
  • 相关阅读:
    函数-列表生成式
    函数-闭包
    函数-参数
    函数-装饰器
    函数-函数递归
    函数-高阶函数
    函数-命名空间
    函数-匿名函数
    模块-shutil
    在 Android 5.1.1 执行 remount system failed 解决方法
  • 原文地址:https://www.cnblogs.com/fengzhentian/p/4572303.html
Copyright © 2011-2022 走看看