添付ファイル付きのメール送信フォームに（オープン、追加、および削除）

Question

どのように私は、ユーザーが指定することができますメールフォームを作成することができます追加して

の対象
• 添付ファイルを/オープン/削除施設
• センド/キャンセルボタン

私はインデックスを送信するためにトラブルを抱えていますたとえば、ユーザーが電子メール送信フォームにfile1、file2、およびfile3を添付した場合、コントローラでこの情報をキー、値のペアとして取り込み、キーがインデックスであり、値がファイル名であるとします。しかし、ユーザーは電子メールを送信する前に任意のファイルを削除することができます。たとえば、ユーザーが 'file2'の削除ボタンをクリックするとします。今コントローラで削除する必要があるファイルのインデックスを取得したいが、これは、ユーザーが添付ファイルのいずれかの削除ボタンをクリックすることができるので、動的です。

私はビューコンポーネントとしてJSP/JSTLとともにspring 2.5を使用しています。ファイルを開く/表示するファイル名をクリックし、

 

To |_________________| 

Subject |________________| 

Attachments: [**ADD**] 
 
**X** file1
 
**X** file2
 
**X** file3
 

（添付ファイルを対応取り除くために「X」をクリックし、ファイルを添付するために「追加」ボタンをクリックしてください：

サンプルメールフォームをご覧ください。取り外しは、サーバー側で処理される場合の内容）

Answer 1

、あなたはnameがある<button>タグ、とボタンを削除実装することができ、fileToRemoveとvalueは、ファイルのインデックスである、と言います。ユーザーがそのボタンをクリックすると、フォームがfileToRemove=...パラメータで提出される：

<button name = "fileToRemove" value = "${file.id}">Remove</button> 

Answer 2

おかげAxtavtが、私たちは、クライアントブラウザと次が知られている問題として、IE6を使用している：

一方、ボタン要素は、作者が可能ボタンに表示されているテキストと一致しないデータをサーバーに送信するボタンを生成します。削除はサーバーrow_to_delete = 1に送信する必要がありますが、Internet Explorerはrow_to_delete = Deleteを送信します。 IEが動作するように説得することができれば、これは多言語サイトにも役立ちます - 表示されるテキストは各言語で翻訳できますが、値は変わらないのでサーバ側のロジックは変換テーブルを確認する必要はありません。 しかし、Internet Explorer 6は、すべての要素を正常なコントロールとして扱い、クリックされなかったとしてもサーバーにデータを送信するというさらなるバグがあります。これは効果的に複数のボタン要素を使用することを不可能にする。