GWT: UiBinderを利用したファイルアップロード

GWTでファイルアップロードフォームを記述する方法は、以前の記事で紹介しましたが、UiBinderを使うとよりシンプルになります。

	<g:FormPanel ui:field="uploadFileForm">
	<g:VerticalPanel width="100%" height="100%" ui:field="verticalPanelInside">
	<g:FileUpload ui:field="uploadFileInput"/>
	<g:SubmitButton ui:field="submitButton">Upload
	</g:VerticalPanel>
	</g:FormPanel>

view raw fileUploadGWT.ui.xml hosted with ❤ by GitHub

ここでは、SubmitButtonクラスを利用しています。このボタンを使うと、送信処理の記述が不要になります。もちろん、ふつうのButtonを利用してsubmit()メソッドを呼び出す方法もアリです。 サーバー部分の記述は従来通りです。