bootstrap editable有默认值
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; }
梅花香自古寒来