使用 JEditable 设置自定义响应答案

【问题标题】：Setting custom response using JEditable使用 JEditable 设置自定义响应
【发布时间】：2011-11-08 16:39:31
【问题描述】：

我正在使用 JEditable jquery 插件来更新我网页上的一些数据。通过服务器上的 JEditable 插件保存数据后，我想用与插入数据实际上不同的新内容替换容器 div 中的旧内容（应用程序在保存之前处理了数据并添加了更多信息它）。

我已经尝试过下面的代码来做同样的事情，它是第一次工作，但是一旦容器 div 中的数据被替换，可编辑的功能就会丢失。

$(".editableComments").editable( function(value, settings) {
            selectedId = $(this).attr("id");
            $.ajax({
                url:'ajaxApproveRequests',
                type:'post',
                data:{
                        requestType: "Trans",
                        idList : $(this).attr("id"),
                        comment:  value
                    },
                success: function(data) {
                    if (data != "Error")
                        {
                            $("#"+selectedId).html(data);
                        }
                },
                error: function(req) {
                    alert("Error in request. Please try again later.");
                }
            });
        },
        {
            indicator : "Saving...",
            type   : 'textarea',
            submit : '<input type="button" id="okBtn" value="Ok" onMouseOver="rollOnAutoButton(this)" onMouseOut="rollOffAutoButton(this)" class="autobtn" >',
            cancel : '<input type="button" id="cancelBtn"  value="Cancel" onMouseOver="rollOnAutoButton(this)" onMouseOut="rollOffAutoButton(this)" class="autobtn" >',
            cssclass : "editableArea",
            rows: 5,
            cols: 25,
            onblur    : "ignore"
        });

Html 代码是：

<div class="editableComments">some data</div>

请建议我在哪里做错了？提前致谢。

【问题讨论】：

标签： jquery jeditable

【解决方案1】：

可编辑函数需要返回值。并且您无法获得具有 ajax 功能的功能。

我所做的是在执行 ajax 函数的同时返回一些临时值：

   $(".editableComments").editable( function(value, settings) {
        selectedId = $(this).attr("id");
        $.ajax({
            url:'ajaxApproveRequests',
            type:'post',
            data:{
                    requestType: "Trans",
                    idList : $(this).attr("id"),
                    comment:  value
                },
            success: function(data) {
                if (data != "Error")
                    {
                        $("#"+selectedId).html(data);
                    }
            },
            error: function(req) {
                alert("Error in request. Please try again later.");
            }
        });
        return value; //need the return
    }, ...

【讨论】：