bootstrap table 数据表格行内修改的实现代码
js中设置列的属性editable:
{
type:'text',//数据显示在文本框内
emptytext:"--",//数据为空时显示
validate:function(value){
if($.trim(value)==''){
return'不能为空';//修改是数据为空显示
}
}
}
js中设置bootstrop-table加载数据时属性
onEditableSave:function(field,row,oldValue,$el){
$('#id').bootstrapTable('resetView');
row=dataWarp(row,field);//编辑时重新包装数据可写可不写
$.ajax({
type:"post",
url:路径,
data:row,//行内修改后的数据
dataType:'JSON',
success:function(data,status){
if(status=="success"){
Modal.alert({
msg:"编辑成功！"
});
}
},
error:function(){
Modal.alert({
msg:"编辑失败！"
});
$('#id').bootstrapTable('refresh');//数据加载成功后刷新
},
complete:function(){
}
});
}
以上所述是小编给大家介绍的bootstraptable数据表格行内修改的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！