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 相关文章推荐
Javascript学习笔记6 prototype的提出
Jan 11 Javascript
javascript 判断数组是否已包含了某个元素的函数
May 30 Javascript
基于JQuery的一句话搞定手风琴菜单
Sep 14 Javascript
jquery弹出框的用法示例(2)
Aug 26 Javascript
js实现进度条的方法
Feb 13 Javascript
跟我学习javascript的执行上下文
Nov 18 Javascript
BootStrap轻松实现微信页面开发代码分享
Oct 21 Javascript
使用纯JS代码判断字符串中有多少汉字的实现方法(超简单实用)
Nov 12 Javascript
Angular 常用指令实例总结整理
Dec 13 Javascript
微信小程序 空白页重定向解决办法
Jun 27 Javascript
基于ES6 Array.of的用法(实例讲解)
Sep 05 Javascript
小程序实现多列选择器
Feb 15 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
附件名前加网站名
2008/03/23 PHP
php中文验证码实现示例分享
2014/01/12 PHP
PHP 实现浏览记录并按日期分组
2017/05/11 PHP
Thinkphp5行为使用方法汇总
2017/12/21 PHP
jquery中dom操作和事件的实例学习-表单验证
2011/11/30 Javascript
js实现简单登录功能的实例代码
2013/11/09 Javascript
js 动态修改css文件用到了cssRule
2014/08/20 Javascript
JQuery设置时间段下拉选择实例
2014/12/30 Javascript
Javascript设计模式之观察者模式的多个实现版本实例
2015/03/03 Javascript
JS控制表格实现一条光线流动分割行的方法
2015/03/09 Javascript
JavaScript程序开发之JS代码放置的位置
2016/01/15 Javascript
js手动播放图片实现图片轮播效果
2016/09/17 Javascript
WebView启动支付宝客户端支付失败的问题小结
2017/01/11 Javascript
Vue学习笔记进阶篇之vue-cli安装及介绍
2017/07/18 Javascript
JS实现中英文混合文字溢出友好截取功能
2018/08/06 Javascript
js 计算图片内点个数的示例代码
2019/04/04 Javascript
Vue 2.0 中依赖注入 provide/inject组合实战
2019/06/20 Javascript
基于纯JS实现多张图片的懒加载Lazy过程解析
2019/10/14 Javascript
使用Vue生成动态表单
2019/11/26 Javascript
[50:11]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第三场
2018/04/09 DOTA
python多线程http下载实现示例
2013/12/30 Python
Python统计列表中的重复项出现的次数的方法
2014/08/18 Python
Python从MP3文件获取id3的方法
2015/06/15 Python
Python flask框架post接口调用示例
2019/07/03 Python
python中time库的实例使用方法
2019/10/31 Python
Python3打包exe代码2种方法实例解析
2020/02/17 Python
struct与class的区别
2014/02/03 面试题
简述安装Slackware Linux系统的过程
2012/05/08 面试题
大专毕业自我鉴定
2014/02/04 职场文书
医院总经理岗位职责
2014/02/04 职场文书
经营理念标语
2014/06/21 职场文书
中学教师暑期培训方案
2014/08/27 职场文书
2014年个人工作总结报告
2014/11/27 职场文书
关于教师节的广播稿
2015/08/19 职场文书
世界文化遗产导游词
2019/08/07 职场文书
Python软件包安装的三种常见方法
2022/07/07 Python