最新下载
西山居首页jQuery焦点图代码
24小时阅读排行榜
- 1 如何判断一个文件描述符是否已关闭(不抛异常)
- 2 html5滤镜怎样加雪花飘落_html5雪花滤镜应用教程【步骤】
- 3 Python 怎么写一个支持链式调用的类方法
- 4 html5布局代码header固定顶部_html5布局代码header固定法【步骤】
- 5 html5滤镜怎样做高光提亮_html5高光滤镜调整方法【步骤】
- 6 html5播放rtsp能叠加logo吗_html5rtsp叠加logo实现【美化】
- 7 pandas 如何把多级索引扁平化为普通列(最简写法)
- 8 html5play函数调用会阻塞线程吗_html5play函数线程影响法【步骤】
- 9 datetime 如何正确处理夏令时切换时的 ambiguous 时间
- 10 html个人页面怎么插入音频_html音频标签使用教程【多媒体】
- 11 html5如何嵌入flv视频_html5嵌入flv兼容播放法【教程】
- 12 html5布局代码多列文本流布局_html5布局代码多列流法【教程】
- 13 html5中play函数怎么设音量_html5play函数音量调节法【教程】
- 14 typing.Final 如何在类型检查中强制常量不可修改
- 15 Python init_subclass 能做什么?最实用的 3 种场景
最新教程
-
- Node.js 教程
- 16088 2025-08-28
-
- CSS3 教程
- 1546472 2025-08-27
-
- Rust 教程
- 23232 2025-08-27
-
- Vue 教程
- 25697 2025-08-22
-
- PostgreSQL 教程
- 22187 2025-08-21
-
- Git 教程
- 9172 2025-08-21
/*双击展开关闭*/
function dbClick(obj) {
if($(obj).next().is(":hidden")) {
$(obj).next().show();
} else {
$(obj).next().hide();
}
};
$(function() {
$("#mainTable thead").next().empty();
var k = 0;
$.getJSON("revenue.json", function(data) {
$.each(data, function(mainIndex, mainTable) {
/*收入单位*/
var mainTrObj = "<tr class='mainTr warning' ondblclick='dbClick(this)'><td>" + mainTable.incomeUnit + "</td><td>" + mainTable.firm + "</td><td>" + mainTable.number + "</td><td>" + mainTable.instructionType + "</td><td>" + mainTable.dept + "</td><td>" + mainTable.totalPrice + "</td></tr>";
$("#mainTable").append(mainTrObj);
/*支出单位表头*/
var haveChild = data[k].child.length;
if(haveChild == 0) {
var nullHead = "<tr><td colspan='5' align='center'>暂无数据</td></tr>";
$("#mainTable").append(nullHead);
} else {
var smallTit = "<tr><td colspan='6'><table id='smallTable" + k + "' class='table-condensed table smallTable'><tr id='smallTr" + k + "' class='success'><td>支出结算单位</td><td>数量</td><td>支出价格</td><td>费用类型</td></tr></table></td></tr>";
$("#mainTable").append(smallTit);
}
/*支出单位遍历*/
var numnerSum = 0;
var priceSum = 0;
var unsettled = 0;
var child = data[k].child;
for(var j = 0; j < haveChild; j++) {
numnerSum = numnerSum + parseInt(child[j].number);
priceSum = priceSum + parseFloat(child[j].price);
priceSum = Math.round(priceSum * 100) / 100;
unsettled = parseFloat(mainTable.totalPrice) - priceSum;
unsettled = Math.round(unsettled * 100) / 100;
var smallTrObj = "<tr class='smallTr'><td>" + child[j].expendUnit + "</td><td>" + child[j].number + "</td><td>" + child[j].price + "</td><td colspan='2'>" + child[j].type + "</td></tr>";
$("#smallTr" + k).after(smallTrObj);
/*计算数量、价格、未结费*/
}
/*小计行*/
var totalTrObj = "<tr class='danger'><td>小计</td><td>" + numnerSum + "</td><td>" + priceSum + "</td><td align='center'>未结费 " + unsettled + "</td></tr>";
$("#smallTable" + k).append(totalTrObj);
console.log(priceSum);
console.log("未结费" + unsettled);
k++;
});
});
jQuery JSON动态获取表格数据代码是一款jQuery函数调用json表格动态获取数据,表格全部折叠,全部关闭,双击表格行折叠关闭表格。
注:由于服务器不支持JSON,所以会出现无数据,下载压缩包自行搭建!
