如圖，布局使用jquery easyUI做的，右側(cè)的樹形菜單是使用jquery ztree做的，現(xiàn)在我想實(shí)現(xiàn)一個(gè)功能，為什么每次我點(diǎn)擊樹節(jié)點(diǎn)都是，在瀏覽器新打開一個(gè)tab頁簽?zāi)兀蚁雽?shí)現(xiàn)當(dāng)點(diǎn)擊右側(cè)菜單時(shí)，在主頁面創(chuàng)建一個(gè)tab頁簽怎么做？請?jiān)谖掖a基礎(chǔ)上完善。我的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")// 返回形式是jsppublic String init(HttpServletRequest request, Ioc ioc) {String nodes="[{id:'0', pId:0, name:'系統(tǒng)菜單',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;}
2 回答
人到中年有點(diǎn)甜
TA貢獻(xiàn)1895條經(jīng)驗(yàn) 獲得超7個(gè)贊
要在主頁面創(chuàng)建tab標(biāo)簽，你得使用easyui的tabs，沒看到你上邊相關(guān)的代碼呀。
剛好最近做了類似的項(xiàng)目，大致思路供參考：
1、tab標(biāo)簽放在你的主頁面
region='center'的那個(gè)div對應(yīng)你的主頁面，id為content_tabs的div是所有tab的面板
下面給出了帶有一個(gè)默認(rèn)標(biāo)簽的例子
1 2 3 4 5 | <div region='center' id="content"> <div id="content_tabs" class="easyui-tabs"> <div title="我是默認(rèn)頁面" href="..." closable=true></div> </div> </div> |
2、當(dāng)你點(diǎn)擊ztree時(shí)響應(yīng)一個(gè)函數(shù)，這個(gè)函數(shù)在content_tabs中新建tab
1 2 3 4 5 6 7 8 9 10 | function openTab(title,url){ // title是顯示的標(biāo)題，作為tab的標(biāo)識(shí)，url是載入的地址 if(!$("#content_tabs").tabs('exists',title)) // 如果不存在此tab則創(chuàng)建 $("#content_tabs").tabs('add',{ title:title, href:url, closable:true, }); else // 如果已經(jīng)打開則選中 $("#content_tabs").tabs('select',title); } |
- 2 回答
- 0 關(guān)注
- 599 瀏覽
添加回答
舉報(bào)
0/150
提交
取消