0
点赞
收藏
分享

微信扫一扫

bootstrap中table表格设置

在 actived 生命周期中 

actived = {
        var $table = $('#table').bootstrapTable({
                //选中列表中的一条数据
                clickToSelect:true,
                singleSelect:true,  // 是否单选
                dataField: "rows",//服务端返回数据键值 就是说记录放的键值是rows,分页时使用总记录数的键值为total
                pagination: false,//是否分页
                sidePagination: "client",//服务端分页
                buttonsAlign: "left",//按钮对齐方式 
                columns: [
                    {field: "select",title: "",checkbox: true,width: 20,align: "center",valign: "middle"},
                    {field: "orderNumber",title: "订单编号", width: 140,sortable: false,order: "desc"},
                    {field: "orderNumber",title: "销售编号", width: 200,
                        formatter: function operateFormatter(value, row) {
                            if(value) {
                                return String(value)
                            }
                        },sortable: false},
                    {field: "orderNumber",title: "物流公司",sortable: false,},
                    {field: "orderNumber",title: "发货地址",sortable: false,titleTooltip: "this is name"},
                    {field: "orderNumber",title: "送货地址",sortable: false,},
                    {field: "orderNumber",title: "货物名称",sortable: false,},
                    {field: "orderNumber",title: "货物数量",sortable: false,},
                    {field: "orderNumber",title: "所需车长",sortable: false,},
                    {field: "orderNumber",title: "下单时间",sortable: false,},
                    {field: "orderNumber",title: "发货时间",sortable: false,},
                    {field: "orderNumber",title: "紧急程度",sortable: false,},
                    {
                        field: 'template1',
                        title: '订单状态',
                        formatter: function operateFormatter(value, row, index) {
                            switch(row.status) {
                                case '1':return '派车中';
                                case '5':return '待发货';
                                default:row.statusStr;
                            }
                        },
                    },
                    // {field: "receiptStatusStr",title: "回单状态",sortable: false,},
                    {
                        field: 'template',
                        title: '操作',
                        formatter: function operateFormatter(value, row, index) {
                            var bb=`<a class="detailOrder" href="javascript:void(0)" onclick="_czc.push(['_trackEvent', '发货-已发货', '查看详情', '','','']);" title="查看详情"><i class='glyphicon glyphicon-eye-open text-info'></i></a>`
                            switch(row.status){
                                default:return bb;
                            }
                        },
                        events: {
                            'click .detailOrder':(e,value,row,index) => {
                                this.$router.push('orderReleaseDetail/?id='+row.id + '&orderId='+ row.orderId +'&orderStatus='+row.status+'&name=detail');
                                
                            },
                        },
                    }
                ],
                data: [],
                //选中row事件
                onCheck: (row, $element) =>{
                    this.id = row.id;
                    this.orderId = row.orderNumber;
										// 处理业务逻辑

                },
                //取消选中事件
                onUncheck:(row)=>{
                    if($('#table').bootstrapTable('getSelections').length==0){
                         $('#location').attr("disabled","true");
                        //  $('#locktoollocation').attr("disabled","true");
                         $('#BDNPlocation').attr("disabled","true");
                    }
                },

                actionFormatter:function(value, row, index){

                },
                locale: "zh-CN"//中文支持,
        });
    }
}

举报

相关推荐

0 条评论