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 回答