当前位置: 代码迷 >> Java Web开发 >> [学生求教]easyui里怎么用实现点击一个tab更新其它的div
  详细解决方案

[学生求教]easyui里怎么用实现点击一个tab更新其它的div

热度:61   发布时间:2016-04-16 22:04:06.0
[学生求教]easyui里如何用实现点击一个tab更新其它的div?

------解决方案--------------------
因为不是做前台的,具体怎么实现没研究过,不过我以前做过,给你说下我的实现方式,找到EasyUi的演示文档,右键查看源码,然后粘贴到自己的JSP上,改改代码,改改文字,改改路径,改改URL,敢删的删,该加的加,该导包的导包,轻松搞定!
------解决方案--------------------
我记得easyui的tabs好像有这个功能吧
------解决方案--------------------
easyui的标准演示文档里面有这个功能的
------解决方案--------------------
// 实例化树菜单
$("#tree").tree({
data:treeData,
lines:true,
onClick:function(node){
if(node.attributes){
openTab(node.text,node.attributes.url);
}
}
});
//这里我如果没有理解错的话,应该可以实现你说的功能吧,不过使用iframe做的
// 新增Tab
function openTab(text,url){
if($("#tabs").tabs('exists',text)){
$("#tabs").tabs('select',text);
}else{
var content="<iframe frameborder='0' scrolling='auto' style='width:100%;height:100%' src="+url+"></iframe>";
$("#tabs").tabs('add',{
title:text,
closable:true,
content:content
});
}
}
  相关解决方案