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 '请输入正确的价格'; } } }, }] }); }
bootstrap editable
最新推荐文章于 2023-05-27 10:33:39 发布