ztree添加easyui的tags和普通添加easyui的tags
来源:互联网 发布:电脑用什么软件编程 编辑:程序博客网 时间:2024/06/14 23:43
首先是ztree:
var setting = {
view:{
showLine:true
},
data :{
key:{
name:"name"
},
simpleData:{
enable:true,
idKey:"id",
pIdKey:"pid"
},
},
callback: {
onClick:addTabs
},
};
var currentSelectedNode;
var zNodes;
$.ajax({
url:'${ctx}/admin/tree',
type:'POST',
data:{},
async:false,
success:function(r){
zNodes=eval(r);
}
})
$(document).ready(function(){
$.fn.zTree.init($("#ztreeClass"),setting,zNodes)
});
然后是ztree添加tags
function addTabs(event,treeId,treeNode,clickFlag){ //treeNode代表节点数据,可参照ztree中的api
if(treeNode.click==false){ //click为false不可以进行点击
return ;
}
//在tabs选项卡添加一个新的选项卡
if($('#mytabs').tabs('exists',treeNode.name)){ //treeNode.name对应数据zNodes中的name
//如果存在选项卡,切换到该选项卡中
$('#mytabs').tabs('select',treeNode.name);
}else{
//如果不存在选项卡,添加新的选项卡
$('#mytabs').tabs('add',{
title : treeNode.name,
content : '<div style="width:100%;height:100%;overflow:hidden;">'
+ '<iframe name="c" src="'
+ treeNode.url
+ '" scrolling="auto" style="width:100%;height:100%;border:0;" ></iframe></div>', // 可以局部刷新tab选项卡
closable : true //提供关闭选项卡的按钮
});
}
} // 单击ztree的响应函数
然后是普通添加tags
function addTabs1(title,url){
if($('#mytabs').tabs('exists',title)){ //treeNode.name对应数据zNodes中的name
//如果存在选项卡,切换到该选项卡中
$('#mytabs').tabs('select',title);
}else{
//如果不存在选项卡,添加新的选项卡
$('#mytabs').tabs('add',{
title : title,
content : '<div style="width:100%;height:100%;overflow:hidden;">'
+ '<iframe name="c" src="'
+ url
+ '" scrolling="auto" style="width:100%;height:100%;border:0;" ></iframe></div>', // 可以局部刷新tab选项卡
closable : true //提供关闭选项卡的按钮
});
}
}
然后是jsp代码
<div data-options="region:'center',title:'欢迎'" style="overflow: hidden;">
<div id="mytabs" class="easyui-tabs" data-options="fit:true">
</div>
</div>
- ztree添加easyui的tags和普通添加easyui的tags
- Octopress添加tags的问题
- tags的建立和使用
- easyUi 添加
- 给easyui的menubutton添加hide方法
- Jquery EasyUI的添加,修改,删除,查询
- 基于MVC4+EasyUI的Web开发框架经验总结(1)-利用jQuery Tags Input 插件显示选择记录
- javabean的三个tags
- Tags功能的实现
- tags 的数据库设计
- struts-tags的使用
- easyui tree 实现类似ztree的数据格式
- 关于easyui与ztree的初步学习
- angular指令:tm.tags添加/删除标签
- tags
- easyUI&ztree
- 为easyUI的dataGrid添加自己的查询框
- easyUI的datagrid每行数据添加操作按钮的方法
- 并发多阶段任务的执行——Phaser
- 文章标题
- ACM 推荐blog汇总及OJ
- vector作为参数传递到dll问题
- XML方式传输图片
- ztree添加easyui的tags和普通添加easyui的tags
- 病毒整理
- 深度学习介绍(一)Yann LeCun
- myeclipse中java文件头注释格式设置
- 第六周——程序阅读(—)
- 关于汉字的编码
- java 设置jpane背景图片l
- c++中的pod类型
- 内存字节对齐原则