bootstrap editable有默认值

送分小仙女□ 提交于 2020-11-27 04:30:32
function listEditor(data,productCode) {
    $('#tab1').bootstrapTable('load', data);
    $('#tab1').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,
        singleSelect : true, // 单选checkbox
onEditableSave: function (field, row, oldValue, $el) {
            $.ajax({
                success: function (data, status) {
                    console.log(row);
                    if (status == "success") {
                        layer.msg("编辑成功", {icon: 7});
                    }
                },
                error: function () {
                    layer.msg("Error", {icon: 7});
                },
                complete: function () {

                }
            });
        },
        data: data,
        columns: [{
            field : 'state',
            checkbox:true,
            formatter : stateFormatter
        },
            {
                field:'rowId',
                title:'序号',
                width:30,
                align: 'center',
                formatter:function(value,row,index){
                    row.rowId = index;
                    return index+1;
                }},
            {
                field: 'productCode',
                title: '产品编码'
}, {
                field: 'productName',
                title: '产品名称'
}, {
                field: 'markingPrice',
                title: '活动价格(¥)',
                editable: {
                    type: 'text',
                    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 '请输入正确的价格';
                        }
                    }
                },
            }]
    });
}
//对应的函数进行判断;
function stateFormatter(value, row, index) {
    if (row.state == true)
        return {
            disabled : false,//设置是否可用
checked : true//设置选中
};
    return value;
}
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!