bootstraptable数据表格行内修改的实现代码

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() {
}
});
}

以上所述是小编给大家介绍的bootstrap table 数据表格行内修改的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对创新互联网站的支持！

本文题目：bootstraptable数据表格行内修改的实现代码
转载来于：https://www.cdcxhl.com/article6/jjhcig.html

成都网站建设公司_创新互联，为您提供网站导航、ChatGPT、微信小程序、搜索引擎优化、品牌网站设计、手机网站建设

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容