关闭

代码收藏:动态构建表格

112人阅读 评论(0) 收藏 举报
分类:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%

String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

String unitId = request.getParameter("unitId");
String startmonth = request.getParameter("startmonth");
String endmonth = request.getParameter("endmonth");
String typeObject = request.getParameter("vpstate");
String shijian = request.getParameter("shijian");
String jiuzhu = request.getParameter("jiuzhu");
String huji = request.getParameter("huji");

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>統計</title>
    
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="<%=basePath%>/ext3/resources/css/ext-all.css" />
    
    <script type="text/javascript" src="<%=basePath%>/js/dynamic.jsp"></script>
    <script type="text/javascript" src="<%=basePath%>/js/dics/StaticJsonUtil.js.jsp"></script>
    <script type="text/javascript" src="<%=basePath%>/ext3/adapter/ext/ext-base.gzjs"></script>
    <script type="text/javascript" src="<%=basePath%>/ext3/ext-all.gzjs"></script>
    <script type="text/javascript" src="<%=basePath%>/ext3/ext-lang-zh_CN.gzjs"></script>
    <script type="text/javascript" src="<%=basePath%>/ext3/ux/Ext.ux.LovCombo.js"></script>
    <script type="text/javascript" src="<%=basePath%>/js/jquery-1.3.2.min.js"></script>    
    <script type="text/javascript" src="<%=basePath%>/ext3/ux/Toast.gzjs"></script>
    <style type="text/css">
    table {
  *border-collapse: collapse; /* IE7 and lower */
  border-spacing: 0;
  width: 95%;    
}
body {
   font-family: 'trebuchet MS', 'Lucida sans', Arial;
   font-size: 14px;
   color: #444;
}
.bordered {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;         
}
tr{
htight:50px;
}
.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
    text-align: center;    
}
    </style>
  </head>
 
  <body onload="loadfunction()">
    <table  border="0" cellpadding="0" cellspacing="0" style="margin-top:120px;" >
        <tr align="center">
              <td colspan ="15">
                  <table  class="bordered" id ="tab1"  border=1 borderColor=#000000 cellPadding=1 style="BORDER-COLLAPSE: collapse;font-size: 14px;text-align: center;">
                    <thead  id="th">
                    <tr style = "background: #F0F8FF">
                        <td id = "tdTitle" colspan = "15" style= "font-weight:bold;font-size: 22px;height:80px;">
                        </td>
                    </tr>
                    
                    <tr height="50" style = "font-size: 12px;background: #F0FFF0;font-weight:bold;" >
                        <td width="250" align="center">
                            所属地区
                        </td>
                        <td colspan= "3" align="center">
                            事件分类
                        </td>
                        <td colspan= "4" align="center">
                            救助方式
                        </td>
                        <td colspan= "2"  align="center">
                            户籍性质
                        </td>
                        
                    </tr>
                    <tr height="40" style = "font-size: 12px;font-weight:bold;background: #F0FFF0"  align="center">
                        <td>
                            
                        </td>
                        <td>
                            意外事件
                        </td>
                        <td>
                            重大疾病
                        </td>
                        <td>
                            突发事件
                        </td>
                        <td>
                            实物打折
                        </td>
                        <td>
                            发放救助金
                        </td>
                        <td>
                            向社会组织转介
                        </td>
                        <td>
                            慈善救助金
                        </td>
                        <td>
                            农村
                        </td>
                        <td>
                            城市
                        </td>
                    </tr>
                    </thead>
                    <tbody id="tbInfo" class="table_record">
                        
                    </tbody>
                    
                  </table>
                  <br/>
                  <br/>
              </td>
        </tr>
  </table>
  <script type="text/javascript">
   var unitId = "<%=unitId%>";
  var endmonth = "<%=endmonth%>";
   var startmonth = "<%=startmonth%>";
  var typeObject = "<%=typeObject%>";
  var shijian = "<%=shijian%>";
  var jiuzhu = "<%=jiuzhu%>";
  var huji = "<%=huji%>";
  function loadfunction(){
        $.get(
             '<%=basePath%>temPoraryRelief/stat06TemPoraryRelief.do?endmonth='+endmonth+'&startmonth='+startmonth+'&typeObject='+typeObject+'&unitid='+unitId+'&shijian='+shijian+'&jiuzhu='+jiuzhu+'&huji='+huji+'&random=' + Math.random(),
           function(data) {
                 alert(data);
                   var result = Ext.util.JSON.decode(data);
              if(result.success == false) {
                  Ext.MessageBox.hide();
                  Ext.MessageBox.alert("警告",result.message+",点击确定关闭页面!", function() {
                      self.close();
                  });
                  return;
              }
                   $('#tbInfo').remove();
                   $('#th').after('<tbody id="tbInfo" class="table_record"></tbody>');
               var tb=document.getElementById('tbInfo');
               var cell1;
               var cell2;
               var cell3;
               var cell4;
               var cell5;
               var cell6;
               var cell7;
               var cell8;
               var cell9;
               var cell10;
              
                 
               document.getElementById('tdTitle').innerHTML =startmonth+'-'+endmonth+"临时救助明细数据报表统计";
              document.getElementById('tdTitle').height='50px';
                    var tr=tb.insertRow();
                   cell1=tr.insertCell();
                       cell1.innerHTML=result[0].DEPNAME;
                   cell1.align='center';
                  cell1.height='40px';
                  
                   cell2=tr.insertCell();
                   cell2.innerHTML=result[0].SHIJIAN1;
                   cell2.align='center';
                  cell2.height='40px';
                  
                   cell3=tr.insertCell();
                   cell3.innerHTML=result[0].SHIJIAN2;
                   cell3.align='center';
                  cell3.height='40px';
                  
                   cell4=tr.insertCell();
                   cell4.innerHTML=result[0].SHIJIAN3;
                   cell4.align='center';
                  cell4.height='40px';
                  
                   cell5=tr.insertCell();
                   cell5.innerHTML=result[0].JIUZHU1;
                   cell5.align='center';
                  cell5.height='40px';
                  
                   cell6=tr.insertCell();
                   cell6.innerHTML=result[0].JIUZHU2;
                   cell6.align='center';
                  cell6.height='40px';
                  
                   cell7=tr.insertCell();
                   cell7.innerHTML=result[0].JIUZHU3;
                   cell7.align='center';
                  cell7.height='40px';
                  
                  cell8=tr.insertCell();
                  cell8.innerHTML=result[0].JIUZHU4;
                  cell8.align='center';
                 cell8.height='40px';
                 
                 cell9=tr.insertCell();
                  cell9.innerHTML=result[0].HUJI1;
                  cell9.align='center';
                 cell9.height='40px';
                 
                 cell10=tr.insertCell();
                  cell10.innerHTML=result[0].HUJI2;
                  cell10.align='center';
                 cell10.height='40px';
                  
                  
              }
      );
  }
  </script>
  </body>
</html>

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:34141次
    • 积分:726
    • 等级:
    • 排名:千里之外
    • 原创:36篇
    • 转载:8篇
    • 译文:0篇
    • 评论:49条
    文章分类
    最新评论