bootstrap editable

function list(data) {
    $('#tab').bootstrapTable('load', data);
    $('#tab').bootstrapTable({
        method:'POST',
        dataType:'json',
        contentType: "application/x-www-form-urlencoded",
        cache: false,
        striped: true,                              //是否显示行间隔色
        sidePagination: "client",           //分页方式:client客户端分页,server服务端分页(*)
        showColumns:true,
        pagination:true,
        minimumCountColumns:2,
        search: true,
        pageNumber:1,                       //初始化加载第一页,默认第一页
        pageSize: 10,                       //每页的记录行数(*)
        idField: "productCode",
        pageList: [10, 15, 20, 25],        //可供选择的每页的行数(*)
        uniqueId: "id",                     //每一行的唯一标识,一般为主键列
        showExport: true,
        onEditableSave: function (field, row, oldValue, $el) {
            $.ajax({
                success: function (data, status) {
                    if (status == "success") {
                        layer.msg("编辑成功", {icon: 7});
                    }
                },
                error: function () {
                    layer.msg("Error", {icon: 7});
                },
                complete: function () {

                }
            });
        },
        data: data,
        columns: [{

            checkbox:true,
            },
            {
                field:'rowId',
                title:'序号',
                width:30,
                align: 'center',
                formatter:function(value,row,index){
                    row.rowId = index;
                    return index+1;
                }},
            {
            field: 'productCode',
            align: 'center',
            title: '产品编码'
        }, {
            field: 'productName',
            align: 'center',
            title: '产品名称'
        }, {
            field: 'markingPrice',
            align: 'center',
            title: '活动价格(¥)',
            editable: {
                type: 'text',
                title: '活动价格(¥)',
                validate: function (v) {
                    if ($.trim(v) == '') {
                        return '活动价格不能为空!';
                    }
                    if (isNaN(v)) {
                        return '活动价格必须是数字';
                    }
                    var reg = /(^[1-9]\d*(\.\d{1,2})?$)|(^0(\.\d{1,2})?$)/;
                    if(!reg.test(v)) {
                        return '请输入正确的价格';
                    }
                }

            },

        }]
    });
}
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值