zTree使用心得
来源:互联网 发布:网上订餐系统java简历 编辑:程序博客网 时间:2024/05/02 04:44
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><!DOCTYPE html><html><head> <link rel="stylesheet" href="<%=webpath%>/js/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css"> <script type="text/javascript" src="<%=webpath%>/js/zTree/js/jquery.ztree.core-3.5.js"></script></head><body><script type="text/javascript"> var zTree; var demoIframe; var selectNode; var setting = { view: { dblClickExpand: false,//是否双击展开 showLine: true, selectedMulti: false, expandSpeed: "slow",//节点展开动画速度 }, async:{ autoParam:["id"],//点击节点进行异步加载时默认发送参数 dataType:"json", enable:true,//是否异步加载 type:"post", url:"<%=request.getContextPath()%>/login/unit/getzTreeOrgUnitData.do" }, check: { enable: true//是否设置复选框 }, data: { key:{ name:"name" }, simpleData : { enable : true, idKey : "id", // id编号命名 pIdKey : "orgAccountId", // 父id编号命名 rootPId : 0//根节点 } }, callback: { onClick:function(event, treeId, treeNode, msg){//点击节点时执行 selectNode = treeNode; var treeObj = $.fn.zTree.getZTreeObj(treeId); if (treeNode.isParent) { treeObj.expandNode(treeNode);//展开所选择的节点 $("#testIframe").attr('src','<%=request.getContextPath()%>/login/unit/orgUnitListPage.do?orgAccountId='+treeNode.id); } else { $("#testIframe").attr('src',''); } }, onAsyncSuccess:function(){//异步加载完成后执行 var treeObj = $.fn.zTree.getZTreeObj("tree"); treeObj.expandAll(true);//展开所有节点 } } }; $(document).ready(function(){ var t = $("#tree"); t = $.fn.zTree.init(t, setting); $("#treeDiv").height($(window).height()-120);//根据网页可视高度设置树的高度 $("#iframeDiv").height($(window).height()-120); }); function refreshTree(){//刷新节点 var treeObj = $.fn.zTree.getZTreeObj("tree"); treeObj.reAsyncChildNodes(selectNode, "refresh",false); } function func(){ var treeObj = $.fn.zTree.getZTreeObj("tree"); var nodes = treeObj.getCheckedNodes(true);//获取复选框选中的节点集合 }</script><div> <table> <tr> <td width=260px align=left valign=top style="BORDER-RIGHT: #999999 1px dashed"> <div class="zTreeDemoBackground" id="treeDiv"> <ul id="tree" class="ztree" style="width:200px; overflow:auto;"></ul> </div> </td> <td align='left' valign='top' width="100%"> <div id="iframeDiv"> <iframe ID="testIframe" Name="testIframe" FRAMEBORDER=0 SCROLLING=AUTO width="100%" height="100%" SRC="<%=request.getContextPath()%>/login/unit/orgUnitListPage.do"></iframe> </div> </td> </tr> </table></div></body></html>
0 0
- zTree使用心得
- zTree使用心得
- 使用ztree的心得
- zTree使用心得
- ztree使用心得
- 关于Ztree的一些使用心得
- ztree 使用
- zTree使用
- zTree使用
- ztree 使用
- ztree使用
- zTree使用
- ztree使用
- 关于zTree的使用心得以及相关的JS技术总结
- zTree-zTree Tree的 基础使用
- zTree的简单使用
- ZTREE的使用
- zTree使用笔记
- Linux精讲——fdisk磁盘分区
- HBase -ROOT-和.META.表结构
- HIbernate lazy fetch
- 三种HTML标签
- 重写(override)那点事
- zTree使用心得
- Git使用指南(二):常用命令
- Linux mysql导入数据库
- Android-Universal-Image-Loader 图片异步加载类库的使用(超详细配置)
- 排序算法6之堆排序
- 2015年,年终总结-“人最重要的是找到自己的世界”
- 什么是CLR?
- 消息列队机制(个人理解)
- Unix系统学习笔记