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>
    
  • 相关阅读:
    C#网络爬虫 WebUtility使用 转义字符 urlCode
    C#遍历文件夹及文件
    ThreadException
    unhandledException
    linq to object
    扩展方法
    反射常规
    字典缓存和泛型缓存
    lock和Monitor(锁对象)
    单例模式
  • 原文地址:https://www.cnblogs.com/fengzhentian/p/4572303.html
Copyright © 2011-2022 走看看