使用 JavaScript 让 XForms 变得更健壮

核心提示： JavaScript正如前面提到的，方法是只更改 Delete Item 按钮，使用 JavaScript 让 XForms 变得更健壮(4)，而不是 Add Item 按钮，因此要想使 Add Item 按钮起作用，只是使用默认内容替代该项目的内容，好像您执行了 Add Item 按钮一

JavaScript

正如前面提到的，方法是只更改 Delete Item 按钮，而不是 Add Item 按钮。因此要想使 Add Item 按钮起作用，决不能删除模型中的所有数据。因此您将跟踪周围的项目个数，当您删除至最后一个时，不要继续删除。只是使用默认内容替代该项目的内容，好像您执行了 Add Item 按钮一样。我们来查看一下清单 3 中的 JavaScript 代码。

清单 3. JavaScript deleteItem() 函数<xhtml:script type="text/javascript">
　　　　　　　　 //<![CDATA[
　　　　　　　　　　　function deleteItem(){
　　　　　　　　　　　　　 var model = document.getElementById("my-model");
　　　　　　　　　　　　　 var instance = model.getInstanceDocument("my-data");
　　　　　　　　　　　　　 var dataElement = instance.getElementsByTagName("Data")[0];
　　　　　　　　　　　　　 var itemElements = dataElement.getElementsByTagName("Item");
　　　　　　　　　　　　　 var cnt = itemElements.length;
　　　　　　　　　　　　　 if (cnt > 1){
　　　　　　　　　　　　　　　　dataElement.removeChild(itemElements[cnt-1]);
　　　　　　　　　　　　　 } else {
　　　　　　　　　　　　　　　　// last element so just set its data to default vals
　　　　　　　　　　　　　　　　var descripElement =
itemElements[0].getElementsByTagName("Description")[0];
　　　　　　　　　　　　　　　　descripElement.childNodes[0].nodeValue = "";
　　　　　　　　　　　　　　　　var amtElement =
itemElements[0].getElementsByTagName("Amount")[0];
　　　　　　　　　　　　　　　　amtElement.childNodes[0].nodeValue = "0";
　　　　　　　　　　　　　 }
　　　　　　　　　　　　　 model.rebuild();
　　　　　　　　　　　　　 model.recalculate();
　　　　　　　　　　　　　 model.refresh();
　　　　　　　　　　　}
　　　　　　　　 //]]>
　　　　　　</xhtml:script>