【JavaScript】JAVA-表格里的c:foreach使用及数字总计
两步:1.上图

2.上代码
<div class="group-accordion" collapsible="true" active="true">
<h3>
<label>供应商库存在线查看</label>
</h3>
<div>
<table class="dataTable no-footer" id="DS173101ProductTable" style="width: 100%">
<thead>
<tr style="background:#DBDBDB">
<th>产品名称</th>
<th>产品规格</th>
<th>月度计划供应量(KG)</th>
<th>月度未完成计划供应量</th>
<th>计划生产量</th>
<th>待运库入库量</th>
<th>在途产品量</th>
<th>物流区销售库存量</th>
<th>在线三旬销售量预测</th>
<th>销售安全库存量</th>
<th>操作</th>
</tr>
</thead> <tbody>
<c:set var="s" value="0"></c:set>
<c:set var="s1" value="0"></c:set>
<c:set var="s2" value="0"></c:set>
<c:set var="s3" value="0"></c:set>
<c:set var="s4" value="0"></c:set>
<c:set var="s5" value="0"></c:set>
<c:set var="s6" value="0"></c:set>
<c:set var="s7" value="0"></c:set>
<c:forEach items="${biglist}" var="biglist" varStatus="j"> <c:set var="sum" value="0"></c:set>
<c:set var="sum1" value="0"></c:set>
<c:set var="sum2" value="0"></c:set>
<c:set var="sum3" value="0"></c:set>
<c:set var="sum4" value="0"></c:set>
<c:set var="sum5" value="0"></c:set>
<c:set var="sum6" value="0"></c:set>
<c:set var="sum7" value="0"></c:set>
<c:forEach items="${biglist.list}" var="item" varStatus="i">
<tr> <c:if test="${i.index==0}">
<td rowspan="${fn:length(biglist.list)+1}">${item.classes}</td>
</c:if> <td>${item.two}</td> <td>${item.three}</td>
<c:set var="sum" value="${item.three+sum}"></c:set> <td>${item.four}</td>
<c:set var="sum1" value="${item.four+sum1}"></c:set> <td>${item.five}</td>
<c:set var="sum2" value="${item.five+sum2}"></c:set> <td>${item.six}</td>
<c:set var="sum3" value="${item.six+sum3}"></c:set> <td>${item.serven}</td>
<c:set var="sum4" value="${item.serven+sum4}"></c:set> <td>${item.eight}</td>
<c:set var="sum5" value="${item.eight+sum5}"></c:set> <td>${item.nine}</td>
<c:set var="sum6" value="${item.nine+sum6}"></c:set> <td>${item.ten}</td>
<c:set var="sum7" value="${item.ten+sum7}"></c:set> <c:if test="${i.index==0}">
<td rowspan="${fn:length(biglist.list)+1}"><msk:button buttonValue="计划调整" buttonId="DS173101.SEARCH" buttonType="button"/></td>
</c:if> </tr>
</c:forEach> <tr style="background:#DBDBDB">
<td align="center">小计</td>
<td>${sum}</td>
<c:set var="s" value="${sum+s}"></c:set>
<td>${sum1}</td>
<c:set var="s1" value="${sum1+s1}"></c:set>
<td>${sum2}</td>
<c:set var="s2" value="${sum2+s2}"></c:set>
<td>${sum3}</td>
<c:set var="s3" value="${sum3+s3}"></c:set>
<td>${sum4}</td>
<c:set var="s4" value="${sum4+s4}"></c:set>
<td>${sum5}</td>
<c:set var="s5" value="${sum5+s5}"></c:set>
<td>${sum6}</td>
<c:set var="s6" value="${sum6+s6}"></c:set>
<td>${sum7}</td>
<c:set var="s7" value="${sum7+s7}"></c:set>
</tr>
</c:forEach> <tr style="background:#DBDBDB">
<td colspan="2" align="center">总计</td>
<td>${s}</td>
<td>${s1}</td>
<td>${s2}</td>
<td>${s3}</td>
<td>${s4}</td>
<td>${s5}</td>
<td>${s6}</td>
<td>${s7}</td>
<td></td> </tr> </tbody>
</table>
</div>
</div>
【JavaScript】JAVA-表格里的c:foreach使用及数字总计的更多相关文章
- JavaScript函数柯里化
函数式 JavaScript是以函数为一等公民的函数式语言.函数在JavaScript中也是一个对象(继承制Function),函数也可以作为参数传递成函数变量.最近几年函数式也因为其无副作用的特性. ...
- 重构一段基于原生JavaScript的表格绘制代码
为了在CardSimulate项目中方便的显示技能和效果列表,决定重构以前编写的一段JavaScript代码——att表格绘制库,这段代码的作用是将特定的JavaScript数据对象转化为表格,支持精 ...
- 如何让一个json文件显示在表格里
<body> //首先得把架子搭起来 <table id = "tb" border="1"> <tr></tr> ...
- JavaScript创建表格的两种方式
方式一: var data = [ { id: 1, name: "first", age: 12 }, { id: 2, name: "second", ag ...
- java工程项目里,在一个包里面,不能出现同名的类名,这问题是刚接触java才会遇到的,特别是新手一般都没有建立包,而是使用默认的,易出现同名的类名,导致eclipse提示错误
java工程项目里,在一个包里面,不能出现同名的类名,这问题是刚接触java才会遇到的,特别是新手一般都没有建立包,而是使用默认的,易出现同名的类名,导致eclipse提示错误. 问题: 创建了一个工 ...
- 使用C#或javascript将Table里的数据导出到Excel
原文:使用C#或javascript将Table里的数据导出到Excel Demo效果图: 用C#将Table数据导出Excel: 本方法已经将导出excel做成分部视图,引用时只需在视图中使用如下代 ...
- PHP的数组值传入JavaScript的数组里
<!doctype html public "-//W3C//DTD HTML 4.0 //EN"> <html><head> &l ...
- 如何在HTML表格里定位到一行数据
业务需求: 在这样一个表格里,通过点击"确认"按钮,收集该行数据,向后台发送请求 解决办法 以该button为锚获取父节点,再由父节点获取各个元素的值 获取子元素又有很多办法,包括 ...
- 原来Java世界里也有这么多精彩的故事,学Java真有趣!
大千世界,无所不有.这世上不光有人类世界,还有咱们的java世界.今天就由我这个实习导游带领你们了解了解咱们的java世界奇妙之处. 有一种暖男叫catch,有一种真爱叫try---catch,世 ...
随机推荐
- spring源码-aop动态代理-5.3
一.动态代理,这是一个很强大的东西哦.研发过程中我们会常用很多业务类,但是存在一个问题.如何在不修改源码逻辑的情况下,加入自己的相关逻辑.比如异常处理,日志记录等! 二.Java动态代理的两种方式JD ...
- python开源IP代理池--IPProxys
今天博客开始继续更新,谢谢大家对我的关注和支持.这几天一直是在写一个ip代理池的开源项目.通过前几篇的博客,我们可以了解到突破反爬虫机制的一个重要举措就是代理ip.拥有庞大稳定的ip代理,在爬虫工作中 ...
- C#之#if #endif的简单用法
有时候我们看到别人的代码中有#if #endif,其实这是通过不同版本来选择运行哪段代码,和咱们的if,else是一样的.下面看下简单的用法 #if DEBUG txt_display.Text = ...
- Python+MySQL开发医院网上预约系统(课程设计)二
---恢复内容开始--- 1:报错 1.1.创建表时报错 CREATE TABLE Admin ( A_ID VARCHAR(20) NOT NULL AUTO_INCREMENT, p ...
- JavaScript(js)处理的HTML事件、键盘事件、鼠标事件
示例代码: HTML文件: <!DOCTYPE html><html lang="en"><head> <meta charset=&qu ...
- gets函数的完美替代
众所周知 在C语言中scanf用来读取一行字符串时遇到空格或回车会停止 而若要读入一行带空格的字符串时 有些人会用gets来代替 然而,gets的最大问题在于:会读取超过数组长度上限个字符,而超出长度 ...
- drupal CVE-2018-7600 复现
1.系统环境 Drupal 8.5 linux 主机 ruby 代码 2.原理说明 影响版本 Drupal 6.x,7.x,8.x 参考:CVE-2018-7600漏洞分析 3.利用 在Python2 ...
- HTML5+Bootstrap 学习笔记 2
navbar升级 从Bootstrap 2到Bootstrap 3 1. .navbar-inner已从Bootstrap 3中去除. 2. <ul class="nav"& ...
- redis rdb aof比较
Redis中数据存储模式有2种:cache-only,persistence; cache-only即只做为“缓存”服务,不持久数据,数据在服务终止后将消失,此模式下也将不存在“数据恢复”的手段,是一 ...
- ES6的新特性(17)——Generator 函数的异步应用
Generator 函数的异步应用 异步编程对 JavaScript 语言太重要.Javascript 语言的执行环境是“单线程”的,如果没有异步编程,根本没法用,非卡死不可.本章主要介绍 Gener ...