table a

最新推荐文章于 2022-05-26 21:44:51 发布
最新推荐文章于 2022-05-26 21:44:51 发布
阅读量318 收藏
点赞数
分类专栏： js-flex
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/spencer_tseng/article/details/78287369
版权 
<%@ 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>


spencer_tseng
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
table表格
weixin_54232217的博客
05-28 432
一、表格标签 table标签：<table> 标签定义 HTML 表格。表格内容位于<table>与</table
tableone
red_west的博客
04-14 388
参考文章：https://cran.r-project.org/web/packages/tableone/vignettes/introduction.html step1. install.packages('tableone') step2. library(tableone) #load 'tableone' package step3. f = read.csv('12...
管理员登录成功后隐藏禁用菜单
weixin_59334478的博客
05-26 269
如果一个权限被超级管理员禁用了之后，即使拥有该权限的管理员登录之后，此权限应当不可见或不可操作。 1.设置为不可用 在Index.jsp页面添加如下语句 <!-- 菜单2 --> <c:forEach items="${menuList}" var="menu1"> <li> <a href="#" class="dropdown-toggle"> &lt
4-2 用户登陆接口与界面开发
kiloyip的博客
04-22 644
1、登陆 Controller@Controller public class UserController { @Autowired private SysUserService sysUserService; @RequestMapping("/login") public void login(HttpServletRequest request, HttpServletRes...
ace--2.基本布局
村西头的俏寡妇
09-23 1837
1      结构   2      Jsp 2.1  总体布局Index.jsp   方正管理系统 try{ace.settings.check('main-container' , 'fixed')}catch(e){}
我有回来了
tfy1332的专栏
07-16 4408
Gallery - Beautiful很酷很炫的图片效果----IT is SHow Time /translator/assets/css/bootstrap.min.css" /> /translator/assets/css/font-awesome.min.css" /> /translator/assets/css/colorbox.css"
JqGrid之实际应用
观山是山
08-31 4059
1.主界面： try { ace.settings.check('main-container', 'fixed') } catch (e) { } function cc(data){ alert(data); } try { ace.set
PNS 111_2021_ Cacao mass_Philippine_Tablea (1).pdf
11-13
PNS 111_2021_ Cacao mass_Philippine_Tablea (1).pdf
pl-table示例代码
06-29
<a :href="scope.row.link">{{ scope.row.name }}</a> ``` ### 5. 事件监听 `pl-table`提供了一系列事件，如`sort-change`（排序变化）、`filter-change`（筛选条件变化）等，可用于处理用户交互逻辑： ```html...
a-linear-table.rar_Table
09-20
"a linear table.c"这个文件很可能是C语言实现的源代码，用于描述线性表的操作。 线性表的顺序存储方式是指表中的元素在内存中是连续存放的，通常使用数组来实现。这种方式的优点是访问速度快，因为数组的随机访问...
带tab页的ace模板
10-14
网上有许多关于ace模板，但是他们大多数是将模板搬过来，有的喜欢带tab却很少，本模板在原来的基础上进行了优化
ace后台管理系统
03-23
1、兼容BootStrap，兼容Jquery UI。所以可以用bootstrap和jqueryui的功能。当然还有jquery了。这太省心了！ 2、图标使用font awesome 3.2，可以使用字体图标，这就免去了，查找png图标的工作。 3、表格可以用bootstrap的表格，也可以用jqueryui的表格，也可以用jqgrid的表格，jqgrid我用的还是比较多，功能很强大。 4、图表的话，我看ace里有jquery.flot 和?jquery.easy-pie-chart。不过我自己使用的百度的 Echarts，这个功能比较强大。 5、还有一个比较不错的js插件，bootbox.js这个 做提示框我很喜欢！ 6、日历插件，有daterangepicker.min.js等，不过我用的My97DatePicker这个也很赞。 7、另外ace admin还预设了4中样式效果，根据自己喜好进行选择；固定页面中一些元素，宽屏窄屏等等。也比较不错
ACE前端模板-一个UI框架，很方便
11-30
一个很实用的UI框架，基于BootStrap，使用方法很简单，下载好源码之后，一边打开浏览器查看样式，一边打开编译器查看代码，看到合适的，喜欢用的组件之后，直接复制源码就可以了，样式可以自己设置。
bootstrap+ace+spring作者的对话
08-09
NULL 博文链接：https://yangsong158.iteye.com/blog/2173855
Add a Table to a Word Document
10-30
Add a Table to a Word Document
table数据相同合并单元格
12-30
table数据相同时合并单元格，原理：逐行进行比较，相同时隐藏第二行，对第一行添加rowspan 【table数据相同时合并单元格，原理：逐行进行比较，相同时隐藏第二行，对第一行添加rowspan】
AceAdminUi框架的学习
热门推荐
wang623145708的专栏
11-26 2万+
国外货，最近公司为了统一后台页面选中此框架，，学习中，先来看看这款Ui的截图 登陆页面： 显示数据页面 添加数据页面 修改数据页面 接着是代码， 首先是登陆页面。。 登陆页面
基于bootstrap 的AceAdmin 1.4版本（iframe修改）
峰少少博文
10-19 1731
AceAdmin 界面简洁，适合于后端开发者的快速搭建 官方地址： http://ace.jeka.by/timeline.html 这边我下载了ace Admin的1.4版本，并参考其他资料修改了比较常用的iframe的版本，并已项目的形式，可运行。 主要代码： <%@ page contentType="text/html;charset=UTF-8" language="jav...
JQuery 事件触发的三种方式(trigger,triggerHandler)
houyanhua1的专栏
03-19 1674
demo.html：&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script src="jquery-1.11.1.js"&amp
creat table A as
最新发布
02-01
CREATE TABLE A AS是一种SQL语句，用于创建一个新的表A，并将另一个表的数据复制到新表中。这个语句可以根据需要选择性地复制表的结构和数据。 例如，如果我们有一个名为"customers"的表，其中包含客户的信息，我们...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值