bootstrap-editable 中关于onEditableSave 回调
问题描述
在对bootstrap-editable 进行编辑时,有两种使用方法:
一种直接在每一个column中进行编辑保存,例如:
{
title:'标题',
field:'title',
width:160,
align:'left',
valign:'middle',
sortable:false,
searchable:false,
editable: {
type: 'text',
title: '标题',
mode: "popup",
emptytext: "--",
validate: function (v) {
if (!v) return '标题不能为空';
},
url:'/edit_todo',
success: function(response, newValue) {
if(response=='nouser'){
return "请先登录!";
}
if(response=='7'){
return "对不起,您无此操作权限!";
}
if(response.status =='error') {
return response.msg;
}
}
}
},{
title:'描述',
field:'description',
align:'left',
valign:'middle',
sortable:false,
searchable:false,
width:400,
editable: {
type: 'textarea',
title: '描述',
mode: "popup",
emptytext: "--"
url:'/edit_todo',
success: function(response, newValue) {
if(response=='nouser'){
return "请先登录!";
}
if(response=='7'){
return "对不起,您无此操作权限!";
}
if(response.status =='error') {
return response.msg;
}
}
}
}
另一种在onEditableSave 中进行编辑保存,例如:
onEditableSave: function (field, row, oldValue,$el) {
$.ajax({
type: "post",
url: "/edit_todo",
data: {
"pk":row.id,
"name":field,
"oldValue":oldValue,
"newValue":row[field]
},
success: function(data, status) {
if(status=='success'){
if (data == "nouser") {
return "请先登陆";
}
if(data=='notallowed') {
return "对不起,您无此操作权限!";
}
if(data=='exHigh' || data == 'Unresolved'|| data=='bug'){ //控制颜色显示
$el.css("backgroundColor", "");
$el.removeClass("PinkBackground");
$el.removeClass("blueBackground");
$el.removeClass("greyBackground");
$el.addClass("redBackground");
}
else if(data=='High'){
$el.css("backgroundColor", "");
$el.removeClass("redBackground");
$el.removeClass("blueBackground");
$el.addClass("PinkBackground");
}
else {
$el.css("backgroundColor", "");
$el.removeClass("redBackground");
$el.removeClass("greyBackground");
$el.removeClass("PinkBackground");
$el.removeClass("blueBackground");
}
}
},
error: function () {
return'编辑失败';
},
complete: function () {
}
问题一:在方法二中可以直接读取oldValue的值,而在方法一中,转到后台方法的参数名固定是name,value,pk, 有没有什么办法可以将oldValue也传入;
问题二:在onEditableSave success回调时,我需要进行错误信息的提示,如图:
此功能在方法一中可以实现,在方法二中却无法实现;
请问如何在方法二中也出现提示提示信息的显示呢??
bootstrap-editable 中关于onEditableSave 回调的更多相关文章
- bootstrap Table 中给某一特定值设置table选中
bootstrap Table 中给某一特定值设置table选中 需求: 如图所示:左边地图人员选定,右边表格相应选中. 功能代码: //表格和图标联动 function changeTableSel ...
- Bootstrap.css 中请求googleapis.com/css?family 备忘录
问题描述: Web中引入bootstrap.css中头部有访问Google服务器的请求 @import url("//fonts.googleapis.com/css?family=Open ...
- Objective-C中的Block回调模式
在前面的博客中提到了Block的概念和使用方法,个人感觉Block最爽的用法莫过于在回调时用block.感觉比委托回调和目标方法回调用着要顺手,好不好用还得读者亲自用一下才知道.如果 读者之前用过SS ...
- Android中的接口回调技术
Android中的接口回调技术有很多应用的场景,最常见的:Activity(人机交互的端口)的UI界面中定义了Button,点击该Button时,执行某个逻辑. 下面参见上述执行的模型,讲述James ...
- 如何优雅的处理Nodejs中的异步回调
前言 Nodejs最大的亮点就在于事件驱动, 非阻塞I/O 模型,这使得Nodejs具有很强的并发处理能力,非常适合编写网络应用.在Nodejs中大部分的I/O操作几乎都是异步的,也就是我们处理I/O ...
- js中this和回调方法循环-我们到底能走多远系列(35)
我们到底能走多远系列(35) 扯淡: 13年最后一个月了,你们在13年初的计划实现了吗?还来得及吗? 请加油~ 主题: 最近一直在写js,遇到了几个问题,可能初入门的时候都会遇到吧,总结下. 例子: ...
- 在Bootstrap开发框架中使用Grid++报表
之前在随笔<在Winform开发中使用Grid++报表>介绍了在Winform环境中使用Grid++报表控件,本篇随笔介绍在Bootstrap开发框架中使用Grid++报表,也就是Web环 ...
- 在Bootstrap开发框架中使用dataTable直接录入表格行数据(2)--- 控件数据源绑定
在前面随笔<在Bootstrap开发框架中使用dataTable直接录入表格行数据>中介绍了在Web页面中使用Jquery DataTable插件进行对数据直接录入操作,这种处理能够给用户 ...
- 在Bootstrap开发框架中使用dataTable直接录入表格行数据
在Winform开发的时候,我们很多时候可以利用表格控件来直接录入数据,不过在Web上较少看到,其实也可以利用dataTable对象处理直接录入表格行数据,这个可以提高数据的录入方便,特别是在一些简单 ...
随机推荐
- https 请求curl返回false问题
function requestByCurl($remote_server,$post_string,$use_post=true){ if(function_exists('curl_init')) ...
- python 各层级目录下的import方法
---恢复内容开始--- 以前经常使用python2.现在很多东西都切换到了python3,发现很多东西还是存在一些差异化的.跨目录import是常用的一种方法,并且有不同的表现形式,新手很容易搞混. ...
- Python ASCII码与字符相互转换
ASCII ((American Standard Code for Information Interchange): 美国信息交换标准代码)是基于拉丁字母的一套电脑编码系统,主要用于显示现代英语和 ...
- ubuntu 库依赖问题
安装apt-file, 可以查找各种库依赖的文件,或查找某个app的依赖库: sudo apt install apt-file apt-file update apt-flie search rpc ...
- 关于 ASP.NET Core 中的 RazorPages
Contact.cshtml @page @model ContactModel @{ ViewData["Title"] = "Contact"; } < ...
- C++ 类的前向声明的用法
我们知道C++的类应当是先定义,然后使用.但在处理相对复杂的问题.考虑类的组合时,很可能遇到俩个类相互引用的情况,这种情况称为循环依赖. 例如: class A { public: void f(B ...
- Web前端——JavaScript笔记
js 数据类型 字符串可以使用''或者是"" 运算符 == 只比较内容 === 比较内容,也比较类型是否一样,两个为true才为true !== 与上面===相反 var a=12 ...
- 深入理解JVM,虚拟机类加载机制
类加载过程概览 类从被加载到虚拟机内存中开始,到卸载出内存为止,它的整个生命周期包括以下7个阶段: 加载(Loading) 验证(Verification) 准备(Preparation) 解析(Re ...
- SPA项目开发之动态树、表格、分页
思路: 1.准备好后台(左侧树,带分页的文章查询) 2.将左侧树的数据绑定到elementui中的menu标签上 3.新增一个自定义组件用来展示文章列表的 4.绑定elementui提供的分页组件来完 ...
- MySQL学习——操作数据库
MySQL学习——操作数据库 摘要:本文主要学习了使用DDL语句操作数据库的方法. 创建数据库 语法 create database [if not exists] 数据库名 [default] ch ...