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 条评论
登录 后参与评论

相关文章

  • vue重构后台管理系统调研

    Q4要来了,我来这家公司已经一个季度了,通过对公司前端框架的整体认识,对业务的一些认识,发现,这些东西也都是可以重构,无论是v2,还是v3的代码。

    windseek
  • vue的生命周期

    windseek
  • eclipse如何安装插件

    windseek
  • 使用脚手架应用做单元测试

    因为后台service比较复杂,需要三个不同的实例协同工作,所以之前Oliver开发了Scaffolding App这个Angular前端,目的是方便我们随时测...

    Jerry Wang
  • pandas的一些小知识

    生信编程日常
  • WordPress发布/更新文章、提交/审核评论自动清理VeryCloud缓存

    上一篇文章分享了WordPress 发布文章评论自动刷新腾讯云 CDN 的教程,而博客现在还用到了 VeryCloud 的 CDN,正好有朋友在文章后面留言说 ...

    张戈
  • 从0到1掌握R语言网络爬虫

    引言 网上的数据和信息无穷无尽,如今人人都用百度谷歌来作为获取知识,了解新鲜事物的首要信息源。所有的这些网上的信息都是直接可得的,而为了满足日益增长的数据需求,...

    小莹莹
  • 学习笔记 | 基于FPGA的伪随机数发生器(附代码)

    今天是画师本人第一次和各位大侠见面,执笔绘画FPGA江湖,本人写了篇关于FPGA的伪随机数发生器学习笔记,这里分享给大家,仅供参考。

    FPGA技术江湖
  • FPGA学习altera 系列 第二十三篇 二进制转BCD

    大侠好,欢迎来到FPGA技术江湖,江湖偌大,相见即是缘分。大侠可以关注FPGA技术江湖,在“闯荡江湖”、"行侠仗义"栏里获取其他感兴趣的资源,或者一起煮酒言欢。...

    FPGA技术江湖
  • 采用HTML5之"data-"机制自由提供数据

    周末总是过得很快,又到了跟代码亲密接触的日子,我在北京向各位问好,今天我分享一点关于前端的东西,HTML5之标签"data-*"自定义属性的值传递。     ...

    赵小忠

扫码关注云+社区

领取腾讯云代金券