javascript - jQuery/jEditable 和 jQuery UI 对话框。重新填充表格单元格

Question

这是我第一次使用JS，所以我真的不知道我在做什么。

我有一个包含数据的表，并使用 jEditable 允许用户编辑数据并将其发布到我的 php 脚本。当用户点击“保存”时，它会使用 php 脚本中的数据打开 jQuery UI，并且似乎工作正常，但是，如果用户点击“取消”或 Esc 关闭 jQuery UI 对话框，它们会返回页面，但他们尝试编辑的单元格现在完全是空的。如何重新填充单元格？

谢谢!

$(".editable_textarea").editable("/path/to/my/script.php", {
    indicator : "<img src='/images/indicator.gif'>",
    type   : 'textarea',
    submitdata: { _method: "post", uri: "<?php echo $this->uri->segment(3); ?>" },
    select : false,
    submit : 'Save',
    cancel : 'Cancel',
    tooltip   : "Click to edit...",
    cssclass : "editable",
    onblur: "cancel",
    cssclass: "edit_destination",
    callback: 
       function(value, settings) {
          $(this).dialog({
              autoOpen: true,
              width: 400,
              modal: true,
              position: "center",
              resizable: false,
              draggable: false,
              title: "Pending Changes",
              buttons: {
                  "Cancel": function() {
                      $(this).dialog("close"); },
                  "Confirm Changes": function() {
                      document.findSameDestination.submit(); }
              }

          });

          $('form#findSameDestination').submit(function(){
              $(this).dialog('open');
              return false;
          });

        $(this).editable("disable");
   },
   data: 
      function(value, settings) {
          var retval = value.replace(/<br[\s\/]?>/gi, '\n');
          retval = retval.replace(/(<([^>]+)>)/gi, '');
          return retval;
      }
   });

仍然不知道如何解决这个问题，而且我没有足够的积分来提供赏金...

Answer 1

我可能不对，但这可能是您使用 onblur 调用的 cancel 事件。尝试更改

onblur: "cancel"

到

onblur: "function(e){;}"

这基本上不会做任何事情。如果我的 jEditable 代码正确，它会在 onblur 事件发生时将输入值恢复为原始值，而单击“取消”按钮时会调用该事件。不过，我可能是错的 - 我家现在是凌晨 2 点:)