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>




原创粉丝点击