jquery datagrid 在一个页面里面重复使用显示有问题

wenwen1 发布于 2014/01/06 10:50
阅读 799
收藏 0
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<%@ page language="java" isELIgnored="false" contentType="text/html; charset=utf-8" pageEncoding="UTF-8"%>
<jsp:directive.include file="/WEB-INF/sitemesh-decorators/include.jsp"/>
<head>
<meta name="decorator" content="iframe"/>
<script type="text/javascript">
/* var nowWeek=${week}; */
/**
 * EasyUI DataGrid根据字段动态合并单元格
 * @param tableID 要合并table的id
 * @param colList 要合并的列,用逗号分隔(例如:"name,department,office");
 */
   function mergeCellsByField(tableID,colList){
       var ColArray = colList.split(",");
       var tTable = $('#'+tableID);
       var TableRowCnts=tTable.datagrid("getRows").length;
       var tmpA;
       var tmpB;
       var PerTxt = "";
       var CurTxt = "";
       var alertStr = "";
       for (j=ColArray.length-1;j>=0 ;j-- )
       {
           PerTxt="";
           tmpA=1;
           tmpB=0;
           
           for (i=0;i<=TableRowCnts ;i++ )
           {
               if (i==TableRowCnts)
               {
                   CurTxt="";
               }
               else
               {
                   CurTxt=tTable.datagrid("getRows")[i][ColArray[j]];
               }
               if (PerTxt==CurTxt)
               {
                   tmpA+=1;
               }
               else
               {
                   tmpB+=tmpA;
                   tTable.datagrid('mergeCells',{
                       index:i-tmpA,
                       field:ColArray[j],
                       rowspan:tmpA,
                       colspan:null
                   });
                   tmpA=1;
               }
               PerTxt=CurTxt;
           }
       }
   }
   $(function(){
   <c:forEach items="${weeks}" var="nowWeek" varStatus="g">
   var week=${nowWeek.week};
   var str="spata"+week;
      $('#'+str).datagrid({
            onLoadSuccess: function (data) {
                if (data.rows.length > 0) {
                    //调用mergeCellsByField()合并单元格
                    mergeCellsByField(str, "weekday");
                }
            }
        });
    </c:forEach>    
   });
</script>
</head>
<div>
<table>
<tr>
<c:forEach items="${weeks}" var="nowWeek" varStatus="g">
<td>
<table id="spdata${nowWeek.week}"  class="easyui-datagrid" >
<thead><tr><th rowspan="2" field="weekday" >星期</th><th rowspan="2" field="labName">实验室</th><th colspan="11" id="weekid">${nowWeek.week}周</th></tr>
<tr><c:forEach items="${classMap}" var="curr" varStatus="i"><th field="class_${i.index+1}">${curr.key}</th></c:forEach></tr></thead>
</table>
</td>
</c:forEach>
</tr>
</table>
</div>
为啥效果显示如下:
加载中
返回顶部
顶部