使用 JavaScript 让 XForms 变得更健壮

核心提示： 您可能注意到了，在源代码中模型中的数据来自外部 XML 文件，使用 JavaScript 让 XForms 变得更健壮(2)，该文件如清单 2 所示，清单 2. 示例的 XML 数据<?xml version="1.0" encoding="UTF-8&

您可能注意到了，在源代码中模型中的数据来自外部 XML 文件。该文件如清单 2 所示。

清单 2. 示例的 XML 数据<?xml version="1.0" encoding="UTF-8"?>
<Data>
　 <Item>
　　　<Description>Furniture</Description>
　　　<Amount>1000</Amount>
　 </Item>
　 <Item>
　　　<Description>Dock</Description>
　　　<Amount>2000</Amount>
　 </Item>
　 <Item>
　　　<Description>Boat</Description>
　　　<Amount>3000</Amount>
　 </Item>
　 <Item>
　　　<Description>Lawn equipment</Description>
　　　<Amount>4000</Amount>
　 </Item>
　 <Item>
　　　<Description>Hot tub</Description>
　　　<Amount>5000</Amount>
　 </Item>
　 <Total>15000</Total>
</Data>

运行示例

简单地在 Web 浏览器中打开示例即可运行它。您应该看到类似图 1 所示的内容。

图 1. 典型的 XForms 示例

尝试此示例，注意，您可以使用显示的 Add Item 和 Delete Item 按钮添加和删除行。例如，如果您单击一次 Delete Item 按钮，您应看到类似图 2 的内容。