DataTable fnRowCallback 使用
来源:互联网 发布:java中注解的作用 编辑:程序博客网 时间:2024/06/11 01:32
<table id="example" class="display" cellspacing="0" width="100%"><thead><tr><th>专利名称</th><th>专利所有人</th><th>专利价格(BPP)</th><th>专利主类型</th><th>专利次级类型</th><th>发布时间</th><!-- <th>付款状态</th> --><th>操作</th></tr></thead></table>
JS代码:
<script type="text/javascript">$(document).ready(function() { var lang = {//国际化 "sProcessing": "处理中...", "sLengthMenu": "每页 _MENU_ 项", "sZeroRecords": "没有匹配结果", "sInfo": "当前显示第 _START_ 至 _END_ 项,共 _TOTAL_ 项。", "sInfoEmpty": "当前显示第 0 至 0 项,共 0 项", "sInfoFiltered": "(由 _MAX_ 项结果过滤)", "sInfoPostFix": "", "sSearch": "搜索:", "sUrl": "", "sEmptyTable": "表中数据为空", "sLoadingRecords": "载入中...", "sInfoThousands": ",", "oPaginate": { "sFirst": "首页", "sPrevious": "上页", "sNext": "下页", "sLast": "末页", "sJump": "跳转" }, "oAria": { "sSortAscending": ": 以升序排列此列", "sSortDescending": ": 以降序排列此列" } }; _table = $('#example').DataTable({ "language" : lang,"processing" : true,"bProcessing" : true,"data":${opusInfo },"columns": [ { data: 'opusName',"width":"150px"}, { data: 'author' }, { data: 'amountPayable',defaultContent:""}, { data: 'opusTypeName' }, { data: 'opusSubTypeName' }, { data: 'createTime'}, //{ data: 'payStatusName' }, { data: null,defaultContent:""} //无默认值 ], "createdRow": function ( row, data, index ) { var $btnBuy = $('<button class="buy">购买</button>'); var $btnLook = $('<button class="look">查看</button>'); $('td', row).eq(6).append($btnBuy).append($btnLook); }, //每行回调函数 "fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) { //每行中的时间列 createTime = new Date(aData.createTime);//后台返回的时间戳 var year = createTime.getFullYear()+'年'; var month = createTime.getMonth()+1+'月'; var date = createTime.getDate()+'日'+createTime.getHours()+'时'+createTime.getMinutes()+'分'+createTime.getSeconds()+'秒'; $('td:eq(5)', nRow).html(year+month+date);//设置该列的值//每行中的状态列 该状态进行判断 并设置相关的列值var sellstatus = aData.sellstatus;if(sellstatus==2){//使用权交易var num = aData.usemoney;$('td:eq(2)', nRow).html(num);//设置该列的值}if(sellstatus==3){//所有权交易var num = aData.allmoney;$('td:eq(2)', nRow).html(num);//设置该列的值}} }); //按钮点击事件 $('#example').on("click",".buy",function() { var item = _table.row($(this).closest('tr')).data(); window.location.href="${basePath}buyOpus/datas.html?opusId="+item.id; }) $('#example').on("click",".look",function(){ var item = _table.row($(this).closest('tr')).data(); window.location.href ='${basePath}opusDesc?id='+item.id; });}); </script>
阅读全文
0 0
- DataTable fnRowCallback 使用
- DataTable使用
- DataTable使用
- DataTable使用
- datatable使用
- dataTable使用
- DataTable控件的使用
- 使用DataReader填充DataTable
- DataTable对象使用札记
- JSF DataTable使用心得
- DataTable的使用
- DataTable使用技巧总结
- DataTable使用技巧总结
- datatable使用参考
- 使用DataTable.Compute方法
- DataTable使用技巧总结
- DataTable使用技巧总结
- C#DataTable使用
- viewpager踩坑记录
- 让listview显示几条数目,高度固定死
- 使用pandas优化Spark内存消耗(节省90%)
- PAT甲级1003---迷宫问题(DFS或Dijkstra)
- HashMap循环遍历方式及其性能对比
- DataTable fnRowCallback 使用
- ES6学习之promise对象
- HDU 3826 Squarefree number (素数)
- Java开发之Maven的基本配置及个人理解
- Unity Attribute的使用总结
- php -- 魔术常量 简单介绍
- 播放短促提示音的最佳办法
- 内存泄漏缘由以及解决方案
- java.nio.Buffer flip()方法