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

 更新时间:2017年02月13日 16:35:55   作者:衣兜里  
这篇文章主要介绍了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() {
}
});
}

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

相关文章

  • JavaScript实现网络测速的方法详解

    JavaScript实现网络测速的方法详解

    在我们的日常生活中离不开网络,而网络的快慢直接决定了用户的产品使用体验。本文就来带大家了解如何用JavaScript实现网络测速,需要的可以参考一下
    2023-01-01
  • 查看QQ是否在线状态的网页代码

    查看QQ是否在线状态的网页代码

    这个其实就是利用qq官方提供的东西,简单的通过图片来测试是否在线,隐身也是不在线状态。纯粹学习使用。
    2010-04-04
  • 25个让你眼前一亮的JavaScript代码技巧分享

    25个让你眼前一亮的JavaScript代码技巧分享

    学习强大的JavaScript一行代码,能够节省你的时间和代码量,所以本文为大家整理了25个JavaScript实用代码技巧,感兴趣的小伙伴可以了解一下
    2023-07-07
  • JavaScript实现的简单Tab点击切换功能示例

    JavaScript实现的简单Tab点击切换功能示例

    这篇文章主要介绍了JavaScript实现的简单Tab点击切换功能,涉及JavaScript事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2018-07-07
  • iscroll-probe实现下拉刷新和下拉加载效果

    iscroll-probe实现下拉刷新和下拉加载效果

    这篇文章主要为大家详细介绍了iscroll-probe下拉刷新和下拉加载,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • js实现类bootstrap模态框动画

    js实现类bootstrap模态框动画

    这篇文章主要为大家详细介绍了js实现类bootstrap模态框动画的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • JS调试必备的5个debug技巧

    JS调试必备的5个debug技巧

    我一直使用printf调试程序,一般来说都是比较顺利,但有时候,你会发现需要更好的方法。下面几个JavaScript技巧相信你一定会觉得十分有用
    2014-03-03
  • JS获取指定时间的时间戳的方法汇总(最新整理收藏版)

    JS获取指定时间的时间戳的方法汇总(最新整理收藏版)

    在JavaScript中,可以使用Date.parse()或new Date()来获取指定时间的时间戳,本文给大家分享JS获取指定时间的时间戳的方法,感兴趣的朋友一起看看吧
    2024-01-01
  • 深入分析Javascript跨域问题

    深入分析Javascript跨域问题

    JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下
    2015-04-04
  • document.addEventListener使用介绍

    document.addEventListener使用介绍

    这篇文章主要介绍了document.addEventListener,下面有个示例,大家可以参考下
    2014-03-03

最新评论