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 相关文章推荐
表单元素与非表单元素刷新区别详细解析
Nov 06 Javascript
javascript生成随机数的方法
May 16 Javascript
js跨域请求数据的3种常用的方法
Dec 01 Javascript
js验证手机号、密码、短信验证码代码工具类
Jun 24 Javascript
js实现音频控制进度条功能
Apr 01 Javascript
angularjs的select使用及默认选中设置
Apr 08 Javascript
Javascript中类式继承和原型式继承的实现方法和区别之处
Apr 25 Javascript
vue+mockjs模拟数据实现前后端分离开发的实例代码
Aug 08 Javascript
AngularJs 禁止模板缓存的方法
Nov 28 Javascript
小程序实现带年月选取效果的日历
Jun 27 Javascript
vue图片上传本地预览组件使用详解
Feb 20 Javascript
vue slot与传参实例代码讲解
Apr 28 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
星际RPG字典
2020/03/04 星际争霸
php 检查电子邮件函数(自写)
2014/01/16 PHP
Laravel 5 框架入门(二)构建 Pages 的管理功能
2015/04/09 PHP
Symfony2获取web目录绝对路径、相对路径、网址的方法
2016/11/14 PHP
JavaScript语言中的Literal Syntax特性分析
2007/03/08 Javascript
javascript 必知必会之closure
2009/09/21 Javascript
JQuery Dialog的内存泄露问题解决方法
2010/06/18 Javascript
使用 JScript 创建 .exe 或 .dll 文件的方法
2011/07/13 Javascript
控制input输入框中提示信息的显示和隐藏的方法
2014/02/12 Javascript
jquery实现点击文字可编辑并修改保存至数据库
2014/04/15 Javascript
javascript实现表单提交后,提交按钮不可用的方法
2015/04/18 Javascript
jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
2016/08/17 Javascript
简洁实用的BootStrap jQuery手风琴插件
2016/08/31 Javascript
JavaScript 拖拽实例代码
2016/09/21 Javascript
微信小程序使用video组件播放视频功能示例【附源码下载】
2017/12/08 Javascript
JS简单判断是否在微信浏览器打开的方法示例
2019/01/08 Javascript
Node 代理访问的实现
2019/09/19 Javascript
three.js利用射线Raycaster进行碰撞检测
2020/03/12 Javascript
JS forEach跳出循环2种实现方法
2020/06/24 Javascript
[09:37]DOTA2卡尔工作室 英雄介绍圣堂刺客篇
2013/06/13 DOTA
Python文件与文件夹常见基本操作总结
2016/09/19 Python
Python实现扣除个人税后的工资计算器示例
2018/03/26 Python
python中使用ctypes调用so传参设置遇到的问题及解决方法
2019/06/19 Python
pytorch 获取层权重,对特定层注入hook, 提取中间层输出的方法
2019/08/17 Python
wxPython修改文本框颜色过程解析
2020/02/14 Python
sklearn和keras的数据切分与交叉验证的实例详解
2020/06/19 Python
python 怎样进行内存管理
2020/11/10 Python
番木瓜健康和保健产品第一大制造商:Herbal Papaya
2017/04/25 全球购物
软件测试面试题
2015/10/21 面试题
护理专业毕业生推荐信
2013/10/31 职场文书
领导失职检讨书
2014/02/24 职场文书
交警个人先进事迹材料
2014/05/11 职场文书
2014小学年度工作总结
2014/12/20 职场文书
辩论赛开场白大全(主持人+辩手)
2015/05/29 职场文书
2019交通安全宣传标语集锦!
2019/06/28 职场文书
图文详解nginx日志切割的实现
2022/01/18 Servers