2

任何人都可以推荐一个 JavaScript 库或示例代码来同时内联编辑多个字段吗？我正在寻找类似于 Flickr 的东西，当您单击照片的名称或描述时，它们都会变成 texbox，当用户单击“保存”时，它们都会被保存。

我正在使用 jQuery，所以一个 jQuery 插件会很好，但不是必需的。我已经查看了https://stackoverflow.com/questions/708801/whats-the-best-edit-in-place-plugin-for-jquery，但没有找到任何支持多个字段的。

4

2 回答 2

4

您可以选择不使用插件。你可以有类似的东西： HTML：

<form>
  <table>
    <tr>
      <td>
        <span name="displayText">Text to edit1</span>
        <input type="text" name="editText" value="Text to edit1" style="display:none">
      </td>
    </tr>
    <tr>
      <td>
        <span name="displayText">Text to edit2</span>
        <input type="text" name="editText" value="Text to edit2" style="display:none">
      </td>
    </tr>
    <tr>
      <td>
        <input type="submit" name="save" value="Save">
      </td>
    </tr>
  </table>
</form>

然后你可以在$(document).ready()中写一个类似的jQuery：

$('span[name=displayText]').click(function() {
  $(this).hide();
  $('input[name=editText]', $(this).closest('td')).show();
});

当然，您可以随意设计它们的样式。

（PS 代码已经过测试并且可以工作！）

于 2011-05-04T03:42:50.830 回答
0

Joseph Scott的编辑工作得相当好。由于一切都是通过模板和 CSS 类完成的，因此也相当可定制。在此处查看演示。（他在 Flickr 之后做了这个模型。）

另一个就地编辑器看起来也很有希望，尽管我自己还没有尝试过。

于 2011-05-04T02:58:37.730 回答