分页 datatable AJAX动态添加表格

这个函数展示了如何通过AJAX动态构建一个包含复选框、订单详情和操作按钮的分页Datatable。每一行包含订单编号、商品名称、分类、状态等信息,并根据订单状态显示不同的操作选项。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

function packagingdatatabledata(list){
        var html=[];   //全部行数据的list
        for(var i = 0; i < list.length; i++){
             var temp=[];     //一行数据的list
             temp.push("<td><label><input type='checkbox' class='ace'><span class='lbl'></span></label></td>");
             temp.push("<td>"+list[i].order_number+"</td>");
             temp.push("<td>"+list[i].commodity_name+"</td>");
             temp.push("<td>"+list[i].classification_name+"</td>");
             temp.push("<td>"+list[i].two_level_classification_name+"</td>");
             temp.push("<td>"+list[i].commodity_price+"</td>");
             temp.push("<td>"+list[i].order_date+"</td>");
             temp.push("<td>"+list[i].commodity_number+"</td>");
             if(list[i].order_state=='已完成'){
                 temp.push("<td class='td-status'><span class='label label-default radius'>"+list[i].order_state+"</span></td>");
             }else {
                 temp.push("<td class='td-status'><span class='label label-success radius'>"+list[i].order_state+"</span></td>");
             }
             if(list[i].order_state=='待发货'){
                 temp.push("<td><a onClick='Delivery_stop(this,"+list[i].order_id+")'  href='javascript:;' title='发货'  class='btn btn-xs btn-success'><i class='fa fa-cubes bigger-120'></i></a>"+
                 "<a title='订单详细'  href='/oc/toOrderDetails?id="+list[i].order_id+"&name=manage'  class='btn btn-xs btn-info order_detailed' ><i class='fa fa-list bigger-120'></i></a> "+
                 "<a title='删除' href='javascript:;'  onclick='Order_form_del(this,"+list[i].order_id+")' class='btn btn-xs btn-warning' ><i class='fa fa-trash  bigger-120'></i></a></td>");
             }else{
                 temp.push("<a title='订单详细'  href='/oc/toOrderDetails?id="+list[i].order_id+"&name=manage'  class='btn btn-xs btn-info order_detailed' ><i class='fa fa-list bigger-120'></i></a> "+
                         "<a title='删除' href='javascript:;'  onclick='Order_form_del(this,"+list[i].order_number+")' class='btn btn-xs btn-warning' ><i class='fa fa-trash  bigger-120'></i></a></td>");
             }
             html.push(temp);
        }
        return html;
    }




/*订单-删除*/

function Order_form_del(obj,id){
    layer.confirm('确认要删除吗?',function(index){
         $.ajax({
                type:'post',   
                url:'/oc/delOrder',
                data:{ID:id},
                cache:false,
                dataType:'json',
                success:function(data){
                     if(data.req == "success"){
                        $(obj).parents("tr").remove();
                        layer.msg('已删除!',{icon:1,time:1000});
                        $('#sample-table').dataTable().fnClearTable();    //清空表格
                        $('#sample-table').dataTable().fnAddData(packagingdatatabledata(data.orderList),true);  //刷下表格
          
         
                    }else{
                        alert("删除失败!");
                    }
                }
         });
    });
}
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值