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数据表格行内修改的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！
热门推荐
10 五一公司放假祝福语简短
11 追星女孩的祝福语简短
12 给长辈端午祝福语 简短
13 生日祝福语有诗意简短
14 团圆日祝福语简短
15 中秋商务祝福语简短最新
16 温暖文艺简短祝福语短句
17 男孩上学祝福语简短的
18 入住酒店文案祝福语简短