1、需要导入的js
<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet"/>
<link href="/bootstrap3-editable/css/bootstrap-editable.css" rel="stylesheet" />
<link href="/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"/>
<script src="/bootstrap-table/bootstrap-table.js"></script>
<script src="~/Content/bootstrap3-editable/js/bootstrap-editable.js"></script>
<script src="/Content/bootstrap/js/bootstrap.min.js"></script>
<script src="/Scripts/jquery-1.9.1.min.js"></script>
<script src="/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
<script src="/bootstrap-table/extensions/editable/bootstrap-table-editable.js"></script>
2、字段属性
columns: [{
checkbox:true
}, {
field:"username",
title:"用户名",
editable: {
type:'text',
title:'用户名',
validate:function(v) {
if(!v)
return'用户名不能为空';
}
}
}]
3、完成编辑监听
```
onEditableSave:function(field, row, oldValue, $el) {
$.ajax({
type:"post",
url: "/user/edit",
data: row,dataType:'JSON',
success:function(data, status) {if(status == "success") {
alert('提交数据成功');
}
},
error:function() {
alert('编辑失败');
},
complete:function() {
}
});
}
```
