使用 JavaScript 让 XForms 变得更健壮

核心提示： 正如前面提到的，此处的关键在于您并不希望实际删除最后一个项目，使用 JavaScript 让 XForms 变得更健壮(6)，如果删除，则 Add Item 动作中的 XForms 插入命令将不再有效，这将导致最后一行的数据更改为指定的空白数据，在这两种情况下，当然，您也可以重新编码

正如前面提到的，此处的关键在于您并不希望实际删除最后一个项目。如果删除，则 Add Item 动作中的 XForms 插入命令将不再有效。当然，您也可以重新编码，但是尽量避免这样做。

因此不是删除最后一个项目，而是使用一个空白 Item 替代该项目的内容。这个 Item 的类型与您单击 Add Item 按钮时得到的 Item 类型相同。例如，它的 Description 为一个空字符串，而它的 Amount 为 0。为此，您再次使用 DOM API。您只访问最后一个 Item 元素，然后访问该元素的 Description 和 Amount 元素。我们将其文本节点的值分别设为空字符串和 0。

让视图和模型同步

此时，您已经处理了 Delete Item 的两个用例。还有一点工作要做。通常情况下，当您使用 XForms 命令修改 XForms 模型时，所有的重新计算和视图刷新都是自动完成的。使用 JavaScript 访问这些内容时情况却并非如此。您需要手动完成这些工作。

所幸的是，在 deleteItem() 函数开始部分，您引用的 nsIXFormsModelElement 对象含有几个有用的方法可以帮助解决问题。首先使用的是它的 rebuild() 方法。此方法让它重建模型中数据的内部表示。它实际上让模型对象与 DOM 同步。这完全不会影响视图，只是对模型有影响。

接下来您需要使用模型的 recalculate() 方法。原因在于您要使用模型中的 XForms bind-calculate 命令跟踪表中 amount 的总数。当您调用 recalculate() 方法时会刷新该计算。通用，这只是让模型与 DOM 同步。完全不影响视图。

既然模型和数据已经同步了，您可以重新绘制视图。为此，您对模型调用 refresh() 方法。此方法导致绑定到模型的所有控件被刷新。对于删除一行而言，这将使该行消失，对于删除最后一行，这将导致最后一行的数据更改为指定的空白数据。在这两种情况下，这将使显示的项目总数基于当前数据得到更新。