JSON对象配合jquery.tmpl.min.js插件，手动攒出一个table
jquery.tmpl.min.js 首先下载这个插件
1.绑定json那头的键
//TemplateDDMX 这个是这段JS的ID，这个必须写！！！！！！
//${}为json的键的值，必须要填写正确，和<%#Eval()%>这个作用一样
<script id="TemplateDDMX" type="text/x-jquery-tmpl">
<tr>
<td style='font-size:16px;display:none;'>${ID}</td>
<td style='font-size:16px;'>${BELN}</td>
<td style='font-size:16px;'>${OSNR}</td>
<td style='font-size:16px;'>${NVOICE}</td>
<td style='font-size:16px;'>${NV_ITM_NO}</td>
<td style='font-size:16px;display:none;'>${A_NO}</td>
<td style='font-size:16px;'>${UKRS}</td>
<td style='font-size:16px;'>${UTXT}</td>
<td style='font-size:16px;'>${RDAT}</td>
<td style='font-size:16px;'>${ELNR}</td>
<td style='font-size:16px;'>${UNNR}</td>
<td style='font-size:16px;'>${AME1}</td>
<td style='font-size:16px;'>${ZIRK}</td>
<td style='font-size:16px;'>${ATNR}</td>
<td style='font-size:16px;'>${AKTX}</td>
<td style='font-size:16px;'>${AT_CAT}</td>
<td style='font-size:16px;'>${DPPU}</td>
<td style='font-size:16px;'>${KIMG}</td>
<td style='font-size:16px;'>${RKME}</td>
<td style='font-size:16px;'>${VPPU}</td>
<td style='font-size:16px;'>${ETWR}</td>
<td style='font-size:16px;'>${T_PCURR}</td>
<td style='font-size:16px;'>${T_RCURR}</td>
<td style='font-size:16px;'>${TWEG}</td>
<td style='font-size:16px;'>${LG_PDP}</td>
<td style='font-size:16px;'>${DP_DDAT}</td>
<td style='font-size:16px;'>${KJE}</td>
<td style='font-size:16px;'>${KSL}</td>
<td style='font-size:16px;'>${GZJE}</td>
</tr>
</script>
2.将json填充到空的table中
<script>
var data = $j("#<%=Hid_DDMX.ClientID %>").val();//将Json对象在pageload时给隐藏域赋值
data = eval(data);//注意这点：将json解析
$j.each(data, function (i, item) {
//TemplateDDMX这里用到了刚才那个script脚本，
//Tbody1这个是table名字
$j("#TemplateDDMX").tmpl(item).appendTo("#Tbody1");
});
</script>
3.创建一个空table
<table border="0" cellspacing="0" cellpadding="0" id="tb_detail" style="border-collapse: collapse;"
class="subTable_">
<thead>
<tr style="font-weight: bolder; text-align: center; font-size: 16px;">
<th scope="col" style="width: 100px; display: none;">
ID
</th>
<th scope="col" style="width: 100px; font-size: 16px;">
开票凭证
</th>
<th scope="col" style="width: 120px; font-size: 16px;">
出具发票项目
</th>
<th scope="col" style="width: 100px; font-size: 16px;">
金税发票号
</th>
<th scope="col" style="width: 180px; font-size: 16px;">
金税发票行项目
</th>
<th scope="col" style="width: 200px; font-size: 16px; display: none;">
OA端凭证号
</th>
<th scope="col" style="width: 100px; font-size: 16px;">
公司代码
</th>
<th scope="col" style="width: 400px; font-size: 16px;">
公司名称
</th>
<th scope="col" style="width: 180px; font-size: 16px;">
记录的创建日期
</th>
<th scope="col" style="width: 160px; font-size: 16px;">
会计凭证编号
</th>
<th scope="col" style="width: 160px; font-size: 16px;">
客户编号
</th>
<th scope="col" style="width: 180px; font-size: 16px;">
名称
</th>
<th scope="col" style="width: 100px; font-size: 16px;">
销售地区
</th>
<th scope="col" style="width: 200px; font-size: 16px;">
物料号
</th>
<th scope="col" style="width: 200px; font-size: 16px;">
产品名称
</th>
<th scope="col" style="width: 200px; font-size: 16px;">
规格
</th>
<th scope="col" style="width: 160px; font-size: 16px;">
发货单价
</th>
<th scope="col" style="width: 200px; font-size: 16px;">
实际已开票数量
</th>
<th scope="col" style="width: 100px; font-size: 16px;">
销售单位
</th>
<th scope="col" style="width: 100px; font-size: 16px;">
发票单价
</th>
<th scope="col" style="width: 200px; font-size: 16px;">
凭证货币计量的净价值
</th>
<th scope="col" style="width: 200px; font-size: 16px;">
应收款余额
</th>
<th scope="col" style="width: 200px; font-size: 16px;">
已回款金额
</th>
<th scope="col" style="width: 200px; font-size: 16px;">
分销渠道
</th>
<th scope="col" style="width: 200px; font-size: 16px;">
是否铺底货
</th>
<th scope="col" style="width: 200px; font-size: 16px;">
铺底货到期日
</th>
<th scope="col" style="width: 200px; font-size: 16px;">
回款金额
</th>
<th scope="col" style="width: 200px; font-size: 16px;">
回款数量
</th>
<th scope="col" style="width: 200px; font-size: 16px;">
未过账金额
</th>
</tr>
</thead>
<tbody id="Tbody1">
</tbody>
</table>
JSON对象配合jquery.tmpl.min.js插件，手动攒出一个table的更多相关文章
- web下c#用jquery.tmpl.min.js插件实现分页查询_yginuo
背景:webform或者mvc下实现插件快速分页 ps:我这里用的mvc开发的,数据库连接.用的ADO.NET实体数据模型 此案例下载地址(内含需要用到的一个插件与数据库):http://downlo ...
- 通过jquery.transit.min.js插件，实现图片的移动
首先给出插件:jquery.transit.min.js (function(t,e){if(typeof define==="function"&&define. ...
- jquery.imgpreload.min.js插件实现页面图片预加载
页面分享地址: http://wenku.baidu.com/link?url=_-G8miwbgDmEj6miyFtjit1duJggBCJmFjR2jky_G1VftD9eS9kwGOlFWAOR ...
- 生成二维码（jquery.qrcode.min.js插件）
生成二维码:参看GitHub资源https://github.com/jeromeetienne/jquery-qrcode 直接上代码:(都需要引入jQuery.js 1.引入(jquery.qr ...
- jquery.fly.min.js 拋物插件
插件官方: https://github.com/amibug/fly, 官方例子: http://codepen.io/hzxs1990225/full/ogLaVp 首先加载jQuery.js和j ...
- jquery.nicescroll.min.js滚动条插件的用法
1.jquery.nicescroll.min.js源码 /* jquery.nicescroll 3.6.8 InuYaksa*2015 MIT http://nicescroll.areaaper ...
- jquery.serializejson.min.js的妙用
关于这个jquery.serializejson.min.js插件来看,他是转json的一个非常简单好用的插件. 前端在处理含有大量数据提交的表单时,除了使用Form直接提交刷新页面之外,经常碰到的需 ...
- 异步提交表单插件jquery.form.min.js的使用实例
因为项目中需要达到效果:前台点击按钮弹出文件选择框,选择文件确定之后,上传到后台对文件进行处理并给出响应信息. 尝试过使用$.post,$.ajsx,将表单序列化之后传到后台,但是后台并不能收到文件, ...
- ZeroClipboard / jquery.zclip.min.js跨浏览器复制插件使用中遇到的问题解决
之前写过一个淘宝优惠券连接PC端转手机端连接的小工具,当时写到将转换好的url复制到剪切板这块时解决了IE和火狐,就是没办法搞定Chrome,知道可以通过flash搞定,但是觉得太麻烦没有仔细研究. ...
随机推荐
- Java IO 技术之基本流类
流式IO 流(Stream)是字节的源或目的. 两种基本的流是:输入流(Input Stream)和输出流(Output Stream).可从中读出一系列字节的对象称为输入流.而能向其 ...
- SQL Server之内连接 左连接 右连接 全连接 交叉连接
SELECT * FROM Table_A GO SELECT * FROM Table_B GO --内连接 SELECT a.*, b.* FROM Table_A a JOIN Table_B ...
- 段描述符表（GDT+LDT）的有感
[0]写在前面 要知道,在汇编中,代码的装入顺序决定了在内存中的地址位置.所有的代码或者数据都在硬盘上,当调试或者启动的时候,加载到内存:当需要对数据进行处理的时候,我们通过将数据从内存载入到regi ...
- 流操作text文件------读取、保存文档
************************************一.读取指定text文档中的内容:**************************************** 方法一. t ...
- self.view添加UIView时添加动画
CATransition *animation = [CATransition animation]; animation.delegate = self; animation.duration = ...
- ASP.Net上传中文文件乱码
只要在Head中添加即可解决:<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
- 【Cocos2d入门教程四】Cocos2d-x菜单篇
游戏世界多姿多彩,无论多靓丽的游戏,多耐玩的游戏,在与游戏用户交互上的往往是菜单. 上一章我们已经大概了解了导演.节点.层.精灵.这一章以菜单为主题. 菜单(Menu)包含以下内容: 1.精灵菜单项( ...
- Part 30 to 31 Talking about Interfaces in c#
Part 30 Interfaces in c# We create interfaces using interface keyword. just like classes interfaces ...
- 2012的数据库 select @@version 都是说版本为2008 R2
如图 我使用的是sqlserver2012登录的,select @@version 查询出来的却是2008 ,而且附加不了2012的数据库. 在网上搜到解决方法:1确认是否安装了2012(废话没安装是 ...
- 《深入浅出WPF》 学习笔记
<深入浅出WPF> 序言 1. 什么是WPF 2. 为什么要学习WPF 第一章 XAML概览 1. XAML是什么? 2. XAML有哪些优点 第二章 从零起步认识XAML 1. 新 ...