jquery ztree+jquery easyUI创建tab页签问题

Question

如上图，布局使用jquery easyUI做的，右侧的树形菜单是使用jquery ztree做的，现在我想实现一个功能，为什么每次我点击树节点都是，在浏览器新打开一个tab页签呢，我想实现当点击右侧菜单时，在主页面创建一个tab页签怎么做？请在我代码基础上完善。

我的jsp页面代码如下：
var ztree;
var setting = {
data: {
simpleData: {
enable: true
},
callback: {
beforeClick:function(e, treeId, treeNode){
alert(treeId);
var url = treeNode.url;
alert(url);
}
}
}
};
$(function(){
$.getJSON('${thisPath}/menu/init.do',{id:'0'},function(data){
data=eval(data);
zTree=$.fn.zTree.init($("#menu"), setting, data);
});
}); 

</html>

java代码如下：
/**
* 加载菜单
* @author Chris Suk
* @date 2014-4-22 下午10:13:57
* @param request
* @param ioc
*/
@At("/menu/init")
@Ok("json")
// 返回形式是jsp
public String init(HttpServletRequest request, Ioc ioc) {
String nodes="[{id:'0', pId:0, name:'系统菜单',url:'', open:true,isParent:true},";
try {
List<MenuModel> list = this.menuService.initialize();
if(!list.isEmpty()){
for(MenuModel model : list){
nodes+="{id:'"+model.getId()+"', pId:'"+model.getPid()+"', name:'"+model.getName()+"',url:'"+model.getUrl()+"', target:'main', open:true},";
}
}
if(nodes.length()>1&&nodes.endsWith(",")){
nodes=nodes.substring(0, nodes.length()-1);
}
nodes+="]";
} catch (Exception e) {
e.printStackTrace();
}
System.out.println(nodes);
return nodes;
}

• 

• 
  

• 
  

Answer 1

要在主页面创建tab标签，你得使用easyui的tabs，没看到你上边相关的代码呀。刚好最近做了类似的项目，大致思路供参考：1、tab标签放在你的主页面region='center'的那个div对应你的主页面，id为content_tabs的div是所有tab的面板下面给出了带有一个默认标签的例子12345<div&nbsp;region='center'&nbsp;id="content">&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;id="content_tabs"&nbsp;class="easyui-tabs">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;title="我是默认页面"&nbsp;href="..."&nbsp;closable=true></div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></div>2、当你点击ztree时响应一个函数，这个函数在content_tabs中新建tab12345678910function&nbsp;openTab(title,url){&nbsp;//&nbsp;title是显示的标题，作为tab的标识，url是载入的地址&nbsp;&nbsp;&nbsp;&nbsp;if(!$("#content_tabs").tabs('exists',title))&nbsp;//&nbsp;如果不存在此tab则创建&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$("#content_tabs").tabs('add',{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title:title,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;href:url,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;closable:true,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});&nbsp;&nbsp;&nbsp;&nbsp;else&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;如果已经打开则选中&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$("#content_tabs").tabs('select',title);}&nbsp;