zoukankan      html  css  js  c++  java
  • bootstrap-editable 中关于onEditableSave 回调

    问题描述

    在对bootstrap-editable 进行编辑时,有两种使用方法:
    一种直接在每一个column中进行编辑保存,例如
    {

                                title:'标题',
                                field:'title',
                                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,
                                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回调时,我需要进行错误信息的提示,如图:

    clipboard.png


    此功能在方法一中可以实现,在方法二中却无法实现;
    请问如何在方法二中也出现提示提示信息的显示呢??

  • 相关阅读:
    Dotnet全平台下APM-Trace探索
    既生瑜何生亮?ASP.NET MVC VS ASP.NET Web API
    Dapper.NET——轻量ORM
    什么?字符串为空?
    Vue模板语法
    邂逅Vue.js
    Zookeeper是什么&怎么用
    虚拟机间实现免密登录
    十大排序算法最详细讲解
    JS将数字格式化成金融数字样式(千位分隔符,三位一个逗号间隔)
  • 原文地址:https://www.cnblogs.com/zhuyeshen/p/11430605.html
Copyright © 2011-2022 走看看