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() { } }); }
原文链接:http://www.cnblogs.com/sky-zky/archive/2017/02/13/6394308.html
(资源库 www.zyku.net)
您可能感兴趣的文章
- 03-24FastAdmin – 基于ThinkPHP和Bootstrap的极速后台开发
- 03-23X-admin经典前端网站后台管理模板框架
- 03-16手机web前端调试页面的几种方式
- 03-15前端布局神器display:flex
- 03-17Bootstrap表格制作代码
- 07-10帝国CMS数据库数据表各字段详细说明
- 02-21一加9r任务显示内存信息设置方法
- 08-15Windows11卸载闪屏更新教程分享
- 12-27寸行-寸行应用软件功能介绍
- 01-12M2U-M2U应用软件功能介绍
- 01-18百万对战-百万对战应用软件功能介绍
- 10-29支付宝随申办免费迪士尼门票在哪里抽
- 03-03小米手机与电脑连接步骤方法
- 09-19网易云音乐底部导航怎么恢复默认
- 11-09苹果手机如何关闭HDR视频
- 11-14procreate照明工作室设置方法介绍
- 09-26小米平板5怎么关闭桌面搜索框
- 12-13iPhone6sPlus高德车道级导航在哪开
- 05-25windows modules installer worker是
- 02-17微信小程序 this和that详解及简单实例
最近更新
阅读排行
猜你喜欢
- 09-17mariadb通过mysql_secure_installatio
- 01-24华为mate40pro充电提示音开启方法
- 03-29vivos7t投屏教程
- 12-27卡内车改-卡内车改应用软件功能介绍
- 03-31学会用Python实现滑雪小游戏,再也不用
- 12-27赣安通-赣安通应用软件功能介绍
- 12-19头条号注销账号教程
- 07-10帝国CMS商城系统在线支付后,订单邮件提
- 05-07苹果12相机闪光灯开启与关闭教程
- 12-06oppo手机搬家教程分享