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;
}
来源:oschina
链接:https://my.oschina.net/u/4293290/blog/3424041