datatables,表格

官方文档:https://datatables.net/

var dttblTaskOrderOptions={

order: [5, 'desc'],

ajax:{

url:"order/orderdelivery/search",

type:"POST",

data:function(data){

return JSON.stringify($.extend(data,dttblTaskOrderCondition));

},

dataType:"json",

contentType:"application/json",

dataSrc:function(res){

Utils.isAjaxSuccessed(res,{scope:$formTaskOrderSearch});

return res.data;

}

},

autoWidth:true,

processing : true,

serverSide : true,

columnDefs : [ {

targets : 0,

searchable : false,

orderable : false,

data : "operation",

render : function(data, type, row, meta) {

var buttons = [];

var btnDetail = $("<div></div>");

var btnCancel = $("<div></div>");

var btnModify = $("<div></div>");

var btnReturn = $("<div></div>");

var btnSubmit = $("<div></div>");

var btnVerify = $("<div></div>");

var verificationStatus = row.verificationStatus;

var orderType = row.orderType;

var deliveryOrderStatus = row.deliveryOrderStatus;

btnDetail.append($('<button type="button" class="btn btn-xs btn-success" data-widget="btnDetail"><i class="fa fa-info"></i>&nbsp;详情</button>')

.attr("data-string", JSON.stringify(row)));

buttons.push(btnDetail);

if(orderType=="日常订单"||orderType=="奔驰订单"||orderType=="大库订单"){

if(deliveryOrderStatus=="未提交发货"){

btnModify.append($('<button type="button" class="btn btn-xs btn-warning" data-widget="btnModify"><i class="fa fa-edit"></i>&nbsp;修改优惠</button>')

.attr("data-string", JSON.stringify(row)));

buttons.push(btnModify);

}

}

if(orderType=="日常订单"||orderType=="奔驰订单"||orderType=="大库订单"||orderType=="补货订单"||orderType=="补发订单"){

if(deliveryOrderStatus=="未提交发货"){

btnCancel.append($('<button type="button" class="btn btn-xs btn-danger" data-widget="btnCancel"><i class="fa fa-times"></i>&nbsp;取消</button>')

.attr("data-string", JSON.stringify(row)));

btnSubmit.append($('<button type="button" class="btn btn-xs btn-danger" data-widget="btnSubmit"><i class="fa fa-plane"></i>&nbsp;提交发货</button>')

.attr("data-string", JSON.stringify(row)));

buttons.push(btnCancel);

buttons.push(btnSubmit);

}

if(deliveryOrderStatus=="已提交发货"){

btnReturn.append($('<button type="button" class="btn btn-xs btn-danger" data-widget="btnReturn"><i class="fa fa-sign-out"></i>&nbsp;退订</button>')

.attr("data-string", JSON.stringify(row)));

buttons.push(btnReturn);

}

}

if(verificationStatus=="已核销"){

btnVerify.append($('<button type="button" class="btn btn-xs btn-danger" data-widget="btnReturnProduct"><i class="fa fa-sign-out"></i>&nbsp;退货</button>')

.attr("data-string", JSON.stringify(row)));

buttons.push(btnVerify);

}

return Utils.datatables.createInlineButton(buttons);

}

}],

columns : [null,

{ "data": "deliveryOrderCode"},

{ "data": "deliveryOrderStatus"},

{ "data": "orderCode" },

{ "data": "orderType" },

{ "data": "createdTime" ,render:function(data,type,row,meta){

var createdTime="";

if(data){

createdTime = moment(data).format("YYYY-MM-DD");

}

return createdTime;

}},

{ "data": "entityInternalCode" },

{ "data": "entityCompanyFullName" },

{ "data": "warehouseName" },

{ "data": "dispatchingType" },

{ "data": "productPurchasedTotalQuantity" ,className:"text-right"},

{ "data": "productPurchasedActualDeliveryQuantity",className:"text-right" },

{ "data": "productGiftActualDeliveryQuantity",className:"text-right" },

{ "data": "productTotalGrossWeight",className:"text-right",render:function(data,type,row,meta){

return $.number(data,3);

}},

{ "data": "productTaxIncludedTotalAmount",className:"text-right",render : function(data, type, row, meta) {

return $.number(data,2)||0.00;

}},

{ "data": "discountAmount",className:"text-right",render : function(data, type, row, meta) {

return $.number(data,2)||0.00;

}},

{ "data": "rebateAmount",className:"text-right",render : function(data, type, row, meta) {

return $.number(data,2)||0.00;

}},

{ "data": "productTaxIncludedTotalAmount",className:"text-right",render:function(data,type,row,meta){

var data = new Big(data);

var discountAmount = new Big(row.discountAmount);

var rebateAmount = new Big(row.rebateAmount);

data = data.minus(discountAmount).minus(rebateAmount);

var data = data.toString();

return $.number(data,2);

}

},

{ "data": "expectPickingDate",render:function(data,type,row,meta){

var expectPickingDate="";

if(data){

expectPickingDate = moment(data).format("YYYY-MM-DD");

}

return expectPickingDate;

}},

{ "data": "deliveryActualDate",render:function(data,type,row,meta){

var deliveryActualDate="";

if(data){

deliveryActualDate = moment(data).format("YYYY-MM-DD");

}

return deliveryActualDate;

}},

{ "data": "verificationStatus"}

]

}

var $dttbltaskorder = $("[data-widget=dttbltaskorder]").DataTable(dttblTaskOrderOptions);

//查询 var $btnsearch = $("button[data-widget=btnSearch]"); $btnsearch.click(function(e){ dttblTaskOrderCondition = Utils.formArrayToObject($formTaskOrderSearch.serializeArray()); $dttbltaskorder.draw(); });

$dttbltaskorder.colums() //列

$dttbltaskorder.cells()//单元格

$dttbltaskorder.data()//表格里的数据

可以通过render里的function(data, type, row, meta)的row绑定一行的数据(data-string)

博客地址:http://www.cnblogs.com/windseek/

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏肖蕾的博客

第七章:游戏音效Audio接口简介Sound类及使用方法Music类以及使用方法

1.LibGdx提供的音频方式,有三种,但是游戏中主要使用两种,Sound Music 2.枪声,按键声,这些短促,播放频率高的可以使用Sound实现。 3...

1122
来自专栏ytkah

如何用excel urldecode解码把url编码转为汉字?

  统计分析可以反映出网站运营的情况,并根据实际作出相应的调整,是站长必需的基础技能。ytkah感觉最好用的是谷歌统计,里面有个搜索关键词及对应受访页面,这个功...

44610
来自专栏我的小碗汤

爬取珍爱网后用户信息展示

golang爬取珍爱网,爬到了3万多用户信息,并存到了elasticsearch中,如下图,查询到了3万多用户信息。

1154
来自专栏IMWeb前端团队

用原生js写一个"多动症"的简历

用原生js写一个"多动症"的简历 预览地址 源码地址 最近在知乎上看到@方应杭用vue写了一个会动的简历,觉得挺好玩的,研究一下其实现思路,决定试试用原生js...

2737
来自专栏极客慕白的成长之路

信息安全实验室招新试题和完全解析

写个网页应该是很简单的,不管是静态网页还是带特效的网页。但是有几个问题,需要说明一下。

803
来自专栏TungHsu

【干货】什么?Python3.X不能输出中文?原来是编辑器geany的锅?!

小白说我要开始学Python了,既然3.X支持中文,那就学3吧。于是安装好Python环境,下载好geany就开始写了。 先写个“Hello World”吧,作...

3635
来自专栏AhDung

【VBS】vbs指定编码保存文本文件(含xml、ini什么的)

- 让用户填写一些信息,待安装完成后把这些信息写入软件安装目录中的指定ini、xml文件中

761
来自专栏小樱的经验随笔

CTF---隐写术入门第二题 小苹果

小苹果分值:10 来源: hanyuhang 难度:易 参与人数:2159人 Get Flag:862人 答题人数:996人 解题通过率:87% flag格...

2865
来自专栏互联网杂技

重新认识javascript的settimeout和异步

今晚看到QLeelulu的一道JavaScript面试题(setTimeout),稍微想了一下,好不容易连猜带蒙,凑巧说对了答案。但是原因到底是什么呢?自己一时...

3269
来自专栏AhDung

【vbs】vbs写ini文件

这两天在折腾给一个项目打安装包,第一次接触软件打包,用的Advanced Installer(以下简称AI),应该说如果安装过程没有特殊动作(常规动作指释放文件...

872

扫码关注云+社区