jquery easyui tab标签动态包含JSP的问题

为什么昵称总是被抢 2016-11-28 01:54:48

我现在有个jsp页面，是用easyui的tab和datagrid,在前台展示规则表的内容，现在要实现一个效果，就是当用户点击这个表格里每行的规则名称字段，会新增打开一个tab，在新增的tab里根据点击的规则，在后台组装数据，然后在新增的tab里用datagrid展现，但是现在的问题是这个规则表的记录会动态更新，可能会增加，也可能会删减，用一条规则对应一个单独的Jsp页面是不可能的，我现在的想法是：当用户点击的时候，不管他点击哪条规则，新增的tab的href都指向唯一一个jsp页面，然后在这个Jsp页面里根据传入的数据去区分展示，但是现在遇到一个问题，就是我在这个jsp页面里根据传入的规则ID，去用jquery的append方法，在指定ID的DIV里新增一个DIV，当新增第一个tab的时候还正常，但新增第二个tab开始，在指定的DIV里就不增加我要的DIV，这个问题该怎么解决?
这是我展示规则表内容的Tab里新增tab的代码

function openKpiPage(kpiId,kpiName){

    	if($("#main_tabs").tabs('exists',kpiName)){

 		   $("#main_tabs").tabs('select',kpiName);

 		  

 	    }else{	

 	    	$("#main_tabs").tabs('add',{

 				title:kpiName,

 				href:'<%=request.getContextPath()%>'+"/DynamicPage?kpiId="+kpiId,

 				closable:true,

 				tabWidth:150

 			});

 	    }

    }

这个展示具体规则内容的jsp页面的代码



$(function(){

    	   var kpiId = '<%=kpiId%>';//这个KPIID是通过JAVA小脚本获取的，能正确的获取

    	   //var tableDiv = document.createElement("div");

    	   //var pageBody = document.getElementById("pageBody");

    	   //tableDiv.setAttribute("id", "kpiTable"+kpiId);

    	   $("#pageBody").append("<div id='kpiTable"+kpiId+"'></div>");

    	   //pageBody.appendChild(tableDiv);

    	   /**

           if($("#kpiTable"+kpiId).length>0){

    		   

    	   }else{

    		   //$("#pageBody").empty();

    		   

    		   //$("#pageBody").append("<div id='kpiTable"+kpiId+"'></div>");

    	   }

    	   */

           //initTable(kpiId);

           

       });