Zimra - 我如何在 zimlets 中处理 HTML 表单？答案

【问题标题】：Zimra - How I can handle HTML forms in zimlets?Zimra - 我如何在 zimlets 中处理 HTML 表单？
【发布时间】：2012-04-09 06:45:12
【问题描述】：

我尝试创建一个包含 HTML 表单的选项卡 Zimlet。我现在只想知道如何处理表单中的提交按钮，或者如何使用 ajax 工具包提交表单。

【问题讨论】：

标签： html ajax forms handle zimbra

【解决方案1】：

让我有一个一般性的建议......

尝试根据 zimbra 标准做所有事情

您可以查看和下载示例以熟悉执行不同工作的默认方式...

回到您的问题，您的表格是如何制作的？是普通的html表单还是由javascript动态创建的？

如果是 html，只需将提交表单的 onclick 设置为 zimlet 的函数，并在该函数中定义您想要执行的任何操作

   <input onClick="yourzimlet.prototype.OkFunction();" type="button" >


   yourzimlet.prototype.OkFunction= function(){
     //do somthing...
   }

如果在 javascript 中，你有（至少）两种方式

1-使用正常的onclick

var formTag = document.createElement("form");
    //add form elements to formTag... 

var inputTag = document.createElement("input");
inputTag.type= 'button';
inputTag.setAttribute("value", "submit ... ");
inputTag.onclick = function() { yourzimlet.prototype.OkFunction();}
formTag.appendChild(inputTag);

   yourzimlet.prototype.OkFunction= function(){
     //do somthing...
   }

2-使用zimbra javascript API

最好（取决于您的情况）使用 javascript 动态创建表单并添加 dwtButton 作为提交按钮，而不是使用普通的 onclick 表单

http://files.zimbra.com/docs/zimlet/zcs/7.2.0/jsdocs/symbols/DwtButton.html

你可以为表单的提交按钮定义一个监听器，然后在你的监听器函数中做任何你想做的事情

在所有情况下，您都可以通过 id 访问表单的元素及其值

【讨论】：