Javascript 是否编辑记录列表中的一行？

我有一份记录清单，例如地址。它使用以下html5/knockout代码显示

<section id="lists" data-bind="foreach: addresses, visible: addresses().length > 0">
    <article>
        <div>
            <button>Edit</button>
            <span data-bind="text: DisplayAddress"></span>
        </div>
        <p class="error" data-bind="visible: ErrorMessage, text: ErrorMessage"></p>
    </article>
</section>

编辑

单击“编辑”按钮后，我想在行下显示一个可编辑输入框表（）。有没有办法不生成一个大的html5代码

单击编辑按钮后，我想在

下方显示以下编辑html。（未完成）

街道地址apt#CityStateZip
拯救
取消

有几个合理的选择：

1） 使用绑定控制HTML块的呈现（不仅仅是可见性）。每行数据都有一个可观察的属性，称为

isEditing

。然后，添加行为函数以控制编辑/取消等。您的文章模板将包括以下内容：

<div data-bind="if:isEditing">
   <input type="text" data-bind="value: DisplayAddress" />
</div>

---

2） 如果只是一个字段，您可能需要创建一个自定义绑定处理程序，将您想要的行为添加到元素中（它将动态添加/删除字段）。关于这种技术，有几个很好的例子。

除非DOM中已经存在表，否则在不将表插入DOM的情况下如何显示表？真的不清楚你在问什么。我不太清楚，但使用闪光物体有可能吗？@charlietfl你是对的。我已经删除了不插入DOM的要求。

<div data-bind="if:isEditing">
   <input type="text" data-bind="value: DisplayAddress" />
</div>