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


Posted in Javascript onFebruary 13, 2017

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 相关文章推荐
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
Apr 15 Javascript
javascript 得到文件后缀名的思路及实现
May 09 Javascript
js从10种颜色中随机取色实现每次取出不同的颜色
Oct 23 Javascript
javascript列表框操作函数集合汇总
Nov 28 Javascript
jquery中实现时间戳与日期相互转换
Apr 12 Javascript
jQuery验证插件validate使用详解
May 11 Javascript
值得分享的Bootstrap Table使用教程
Nov 23 Javascript
jQuery事件与动画基础详解
Feb 23 Javascript
解决vue项目报错webpackJsonp is not defined问题
Mar 14 Javascript
详解在HTTPS 项目中使用百度地图 API
Apr 26 Javascript
微信小程序之几种常见的弹框提示信息实现详解
Jul 11 Javascript
vue限制输入框只能输入8位整数和2位小数的代码
Nov 06 Javascript
判断横屏竖屏(三种)
Feb 13 #Javascript
详解javascript立即执行函数表达式IIFE
Feb 13 #Javascript
jQuery实现大图轮播
Feb 13 #Javascript
使用ionic在首页新闻中应用到的跑马灯效果的实现方法
Feb 13 #Javascript
你真的了解BOM中的history对象吗
Feb 13 #Javascript
微信小程序-获得用户输入内容
Feb 13 #Javascript
js实现textarea限制输入字数
Feb 13 #Javascript
You might like
php获取YouTube视频信息的方法
2015/02/11 PHP
[原创]ThinkPHP让../Public在模板不解析(直接输出)的方法
2015/10/09 PHP
thinkPHP自动验证机制详解
2016/12/05 PHP
什么是DOM(Document Object Model)文档对象模型
2012/03/05 Javascript
javascript变量作用域使用中常见错误总结
2013/03/26 Javascript
JavaScript函数的4种调用方法详解
2014/04/22 Javascript
iframe里的页面禁止右键事件的方法
2014/06/10 Javascript
js 实现的可折叠留言板(附源码下载)
2014/07/01 Javascript
原生javascript实现解析XML文档与字符串
2016/03/01 Javascript
jQuery文字横向滚动效果的实现代码
2016/05/31 Javascript
KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定
2016/10/10 Javascript
微信小程序之获取当前位置经纬度以及地图显示详解
2017/05/09 Javascript
jQuery实现的简单无刷新评论功能示例
2017/11/08 jQuery
vue.js项目中实用的小技巧汇总
2017/11/29 Javascript
vue自定义底部导航栏Tabbar的实现代码
2018/09/03 Javascript
Vue实现商品详情页的评价列表功能
2019/09/04 Javascript
js回到页面指定位置的三种方式
2020/12/17 Javascript
vue element和nuxt的使用技巧分享
2021/01/14 Vue.js
Python实用日期时间处理方法汇总
2015/05/09 Python
python制作一个桌面便签软件
2015/08/09 Python
python使用matplotlib模块绘制多条折线图、散点图
2020/04/26 Python
python使用插值法画出平滑曲线
2018/12/15 Python
详解PyCharm安装MicroPython插件的教程
2019/06/24 Python
10款最好的Python开发编辑器
2019/07/03 Python
美国体育用品商店:Rally House(NCAA、NFL、MLB、NBA、NHL和MLS)
2018/01/03 全球购物
有影响力的品牌之家:Our Social Collective
2019/06/08 全球购物
网络方面基础面试题
2012/11/16 面试题
《金钱的魔力》教学反思
2014/02/24 职场文书
双创工作实施方案
2014/03/26 职场文书
《郑和远航》教学反思
2014/04/16 职场文书
电影小兵张嘎观后感
2015/06/03 职场文书
大学班干部竞选稿
2015/11/20 职场文书
2016年5月份红领巾广播稿
2015/12/21 职场文书
2016优秀大学生个人事迹材料范文
2016/03/01 职场文书
java设计模式--原型模式详解
2021/07/21 Java/Android
MySQL 数据库范式化设计理论
2022/04/22 MySQL