ztree html写法,ztree.html

刘氏族谱ztree样式

body {

background-color: white;

margin: 0;

padding: 0;

text-align: center;

}

div,p,table,th,td {

list-style: none;

margin: 0;

padding: 0;

color: #333;

font-size: 14px;

font-family: dotum, Verdana, Arial, Helvetica, AppleGothic, sans-serif;

}

#testIframe {

margin-left: 10px;

}

var zTree;

var demoIframe;

var menuNode;

var setting = {

view : {

dblClickExpand : false,

showLine : true,

selectedMulti : false

data : {

simpleData : {

enable : true,

idKey : "id",

pIdKey : "pId",

rootPId : ""

}

callback : {

beforeClick : function(treeId, treeNode) {

var zTree = $.fn.zTree.getZTreeObj("tree");

if (treeNode.isParent) {

zTree.expandNode(treeNode);

return false;

} else {

demoIframe.attr("src", treeNode.file);

return true;

}

};

$(function(){

$.post("connztree.php", function(data){

menuNode=$.parseJSON(data);

for(var i=0;i

menuNode[i].name=decodeURI(menuNode[i].name);

}

var t = $("#tree");

t = $.fn.zTree.init(t, setting, menuNode);

demoIframe = $("#testIframe");

demoIframe.bind("load", loadReady);

console.info(menuNode);

});

function loadReady() {

var bodyH = demoIframe.contents().find("body").get(0).scrollHeight,

htmlH = demoIframe.contents().find("html").get(0).scrollHeight,

maxH = Math.max(bodyH, htmlH),

minH = Math.min(bodyH, htmlH),

h = demoIframe.height() >= maxH ? minH : maxH;

if (h < 530)

h = 530;

demoIframe.height(h);

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史

ztree html写法,ztree.html相关推荐

6.easyui+ztree案例：zTree树
做的就是西部区域面板中的树形导航图. Easyui中也有树,但是这个树不够强大. zTree性能非常好,功能强大. 介绍: l 什么是zTree呢? zTree是一个依靠jQuery实现的多功能&q ...
【zTree】基于zTree动态生成树节点的一些应用
最近项目中需要用到zTree动态构建树节点,实现树节点的增删改查,以及点击树节点展示树节点对应的页面.趁着这个机会把zTree的用法大概看了一遍,代码示例见我的Github:基于zTree动态生成树节 ...
zTree的调用设使用（跨两个系统，两类技术实现的项目案例SpringMVC+Spring+MyBatis和Struts2+Spring+ibatis框架组合）
1.从zTree官网上下载zTree的包,zTree的官方网址是:http://www.ztree.me/v3/main.php#_zTreeInfo 2.引入zTree所需的依赖,例如(jQuery ...
ztree树状实现全选反选
ztree实现全选反选操作:<form id="form" method="post"><div class="D608_compa ...
openstack页面自定义插件使用详解（django、ajax、post）（zTree为例）
2019独角兽企业重金招聘Python工程师标准>>> 感谢朋友支持本博客,欢迎共同探讨交流,由于能力和时间有限,错误之处在所难免,欢迎指正! 如有转载,请保留源作者博客信息. Be ...
zTree实现节点修改的实时刷新
一.应用场景在实际应用中会遇到动态操作树各节点的需求,在增加树节点后如何实时动态刷新树就十分有必要了. 二.项目实践比如要在test1234节点下新建子节点,首先要选中test1234节点,添加成 ...
Ztree节点增加删除修改和Icheck的用法
简介官方文档:http://www.treejs.cn/v3/api.php zTree 是一个依靠 jQuery 实现的多功能 "树插件", 而且拥有较好的浏览器兼容性,有着丰 ...
ztree 默认选中节点_用户管理、角色管理、模块管理、zTree的使用
全部都是增删改查修改mapper,service,controller,jsp 给角色分配权限 1.1 跳转分配权限页面 1.1.1 jsp //实现权限 function toModule() { ...
ztree.js的使用整理
/** 配置:知识点管理 */ var setting = {view: {showIcon: false,addDiyDom: addPrevDom,addHoverDom: addHoverDom ...

ztree html写法,ztree.html

ztree html写法,ztree.html相关推荐

最新文章

热门文章