使用JEditable设置自定义响应

Question

我正在使用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> 

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

Answer 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 
    }, ...