table a
谢誉
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="zh_cn">
<head>
<!-- header -->
<%@ include file="/WEB-INF/views/include/header.jsp"%>
</head>
<body class="no-skin">
<!-- /section:basics/navbar.layout -->
<div class="main-container" id="main-container">
<script type="text/javascript">
try
{
ace.settings.check("main-container", "fixed")
}
catch (e)
{
}
</script>
<!-- /section:basics/sidebar -->
<div class="main-content">
<div class="main-content-inner">
<div class="row" style="background: #FFFFFF;">
<div class="col-xs-12" style="text-align: left;">
<img alt="福建省" src="/cemseas-webapps/assets/img/login/logo_pjxt_642x80.png"/>
</div>
</div>
<div class="page-content">
<div class="row" style="margin-bottom:10px;margin-bottom: 10px; margin-left: 2px;margin-right:1px">
<!--
<select name="comBoxCity" id="comBoxCity" style="border-radius:5px; height:34px; width: 200px;">
<option>全部</option>
<c:forEach items="${listCityName}" var="cityName" begin="1">
<option value="${cityName}">${cityName}</option>
</c:forEach>
</select>
-->
<div class="pull-left" style="margin-right:15px;">
<a id="a_allCity" class="prof_sel" style="font-size:14px;" οnclick="queryByCityName('')">全部</a>
</div>
<c:forEach items="${listCityName}" var="cityName" begin="0">
<div class="pull-left" style="margin-right:15px;">
<a id="a_${cityName}" class="prof_sel" style="font-size:14px;" οnclick="queryByCityName('${cityName}')">${cityName}</a>
</div>
</c:forEach>
<!--
<input type="text" name="txtShoolName" id="txtShoolName" style="border-radius:5px; height:34px; width: 200px;" placeholder="请输入" value="" >
<button type="button" class="btn btn-sm btn-info" id="btnQuery" οnclick="query()">查询</button>
-->
<div class="pull-right">
<button type="button" class="btn btn-sm btn-info" id="btnQuery" οnclick="query()">下载</button>
</div>
</div>
<div class="row">
<div class="col-xs-12" id="divBody">
<!--
<table id="gridTable"></table>
-->
<table id="gridTable">
<tbody id="gridTableBody">
</tbody>
</table>
<!--
<div id="gridPager"></div>
-->
</div>
</div>
<div class="row">
<%@ include file="/WEB-INF/views/include/commPublicity.jsp"%>
</div>
</div>
</div>
</div>
<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
</a>
<!-- dialog -->
<%@ include file="/WEB-INF/views/include/dialog.jsp"%>
</div><!-- /.main-container -->
<!-- footer -->
<%@ include file="/WEB-INF/views/include/footer.jsp"%>
<script type="text/javascript">
var baseUrl = "<s:url value="/api/infoPub/query2"></s:url>/"
var filter = ${filter};
$().ready(init);
function init()
{
var cityName = "";
queryByCityName(cityName);
}
/*
* 查询
*
* @author ZengWenFeng
* @date 2017-10-12
*/
function queryByCityName(cityName)
{
$.post(baseUrl, {sqs:cityName}, function(result)
{
debugger;
var listRepYjCpxx = result.listRepYjCpxx;
var length = listRepYjCpxx.length;
$("#gridTableBody").empty();
/*
<div class="row">
<a id="a_${cityName}" class="prof_sel" style="font-size:14px;" οnclick="queryByCityName('${cityName}')">${cityName}</a>
'<a href="javascript:window.parent.openapp(\'<s:url value="/modules/eva/cktbqk/viewFillInInfo?schoolId=\'+rows.sysId+\'"></s:url>\',\''+rows.sysId+'\',\''+rows.sysId+'\',\'\');" style="color:#00991F">[查看填报材料]</a>';
</div>
*/
// xxmc 遍历集合，获取
for (var i = 0; i < length; i++)
{
var curRepYjCpxx = listRepYjCpxx[i];
if (curRepYjCpxx == null)
{
continue;
}
if (i % 4 === 0)
{
$("#gridTableBody").append('<tr>');
}
$("#gridTableBody").append('<td style="width:27%;"><a class="prof_sel" style="font-size:14px;">' + curRepYjCpxx.xxmc + '</a></td>');
// 确保最后一个标签封闭
if (i === length - 1)
{
console.log("33333");
$("#gridTableBody").append('</tr>');
}
if (i !== length - 1 && i % 4 === 3)
{
console.log("4444");
$("#gridTableBody").append('</tr>');
}
}
});
}
</script>
</body>
</html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="zh_cn">
<head>
<!-- header -->
<%@ include file="/WEB-INF/views/include/header.jsp"%>
</head>
<body class="no-skin">
<!-- /section:basics/navbar.layout -->
<div class="main-container" id="main-container">
<script type="text/javascript">
try
{
ace.settings.check("main-container", "fixed")
}
catch (e)
{
}
</script>
<!-- /section:basics/sidebar -->
<div class="main-content">
<div class="main-content-inner">
<div class="row" style="background: #FFFFFF;">
<div class="col-xs-12" style="text-align: left;">
<img alt="福建省" src="/cemseas-webapps/assets/img/login/logo_pjxt_642x80.png"/>
</div>
</div>
<div class="page-content">
<div class="row" style="margin-bottom:10px;margin-bottom: 10px; margin-left: 2px;margin-right:1px">
<!--
<select name="comBoxCity" id="comBoxCity" style="border-radius:5px; height:34px; width: 200px;">
<option>全部</option>
<c:forEach items="${listCityName}" var="cityName" begin="1">
<option value="${cityName}">${cityName}</option>
</c:forEach>
</select>
-->
<div class="pull-left" style="margin-right:15px;">
<a id="a_allCity" class="prof_sel" style="font-size:14px;" οnclick="queryByCityName(this)">全部</a>
</div>
<c:forEach items="${listCityName}" var="cityName" begin="0">
<div class="pull-left" style="margin-right:15px;">
<a id="a_${cityName}" class="prof_sel" style="font-size:14px;" cityName="${cityName}" οnclick="queryByCityName(this)">${cityName}</a>
</div>
</c:forEach>
<!--
<input type="text" name="txtShoolName" id="txtShoolName" style="border-radius:5px; height:34px; width: 200px;" placeholder="请输入学校名称" value="" >
<button type="button" class="btn btn-sm btn-info" id="btnQuery" οnclick="query()">查询</button>
-->
<div class="pull-right">
<button type="button" class="btn btn-sm btn-info" id="btnQuery" οnclick="query()">下载</button>
</div>
</div>
<div class="row">
<div class="col-xs-12" id="divBody">
<!--
<table id="gridTable"></table>
-->
<table id="gridTable">
<tbody id="gridTableBody">
</tbody>
</table>
<!--
<div id="gridPager"></div>
-->
</div>
</div>
<div class="row">
<%@ include file="/WEB-INF/views/include/commPublicity.jsp"%>
</div>
</div>
</div>
</div>
<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
</a>
<!-- dialog -->
<%@ include file="/WEB-INF/views/include/dialog.jsp"%>
</div><!-- /.main-container -->
<!-- footer -->
<%@ include file="/WEB-INF/views/include/footer.jsp"%>
<script type="text/javascript">
var baseUrl = "<s:url value="/api/infoPub/query2"></s:url>/"
var filter = ${filter};
$().ready(init);
function init()
{
var obj = document.getElementById("a_allCity");
queryByCityName(obj);
}
/*
* 查询
*
* @author ZengWenFeng
* @date 2017-10-12
*/
function queryByCityName(obj)
{
var cityName = "";
if (obj != null)
{
cityName = obj.getAttribute("cityName");
}
obj.focus();
$.post(baseUrl, {sqs:cityName}, function(result)
{
debugger;
var listRepYjCpxx = result.listRepYjCpxx;
var length = listRepYjCpxx.length;
$("#gridTableBody").empty();
/*
<div class="row">
<a id="a_${cityName}" class="prof_sel" style="font-size:14px;" οnclick="queryByCityName('${cityName}')">${cityName}</a>
'<a href="javascript:window.parent.openapp(\'<s:url value="/modules/eva/cktbqk/viewFillInInfo?schoolId=\'+rows.sysId+\'"></s:url>\',\''+rows.sysId+'\',\''+rows.sysId+'\',\'\');" style="color:#00991F">[dsdsdsdsds]</a>';
</div>
*/
// xxmc 遍历集合，获取名称
for (var i = 0; i < length; i++)
{
var curRepYjCpxx = listRepYjCpxx[i];
if (curRepYjCpxx == null)
{
continue;
}
if (i % 4 === 0)
{
$("#gridTableBody").append('<tr>');
}
$("#gridTableBody").append('<td style="width:27%;"><a class="prof_sel" style="font-size:14px;">' + curRepYjCpxx.xxmc + '</a></td>');
// 确保最后一个标签封闭
if (i === length - 1)
{
console.log("33333");
$("#gridTableBody").append('</tr>');
}
if (i !== length - 1 && i % 4 === 3)
{
console.log("4444");
$("#gridTableBody").append('</tr>');
}
}
});
}
</script>
</body>
</html>
类似资料：