efw フレームワーク入力テストサンプル

概要

このサンプルは、efw フレームワークを使用して、様々なタイプのHTML入力要素を処理する方法を実演します。

主要ファイル

1. JSP ページ (InputTest.jsp)

2. JavaScript イベント処理 (InputTest_submit.js)

機能特徴

1. 包括的な入力タイプサポート: すべてのHTML5入力タイプ（text, search, tel, url, email, password など）をサポート
2. 特殊要素の処理:
   • チェックボックス (checkbox): 選択時の値または null を返す
   • ラジオボタン (radio): [name=item19]:checked セレクタを使用
   • 複数選択リスト: 配列形式のデータを返す
3. データフォーマット: data-format 属性による自動フォーマット
   • 数値フォーマット: #,##0.00
   • 日時フォーマット: yyyy/MM/dd HH:mm:ss
4. レスポンシブ更新: Ajax を使用した非同期ページコンテンツ更新

技術的特長

• 宣言的パラメータマッピング: paramsFormat オブジェクトによるフロントエンド要素とバックエンドパラメータのマッピング定義
• 自動データ型変換: フォーマットされたフィールドは自動的に数値型または日付型に変換
• JSON データ交換: フロントエンドとバックエンド間のデータ交換は JSON フォーマットで行われる
• jQuery セレクタサポート: 柔軟なセレクタを使用したページ要素の特定をサポート

このサンプルは、efw フレームワークがどのように Ajax 開発プロセスを簡素化し、少ないコードで複雑なフォームデータ処理機能を実現するかを示しています。