Webアプリではまねできない、MultiRow＆InputManを組み合わせた高機能入力フォーム

顧客と開発者の生産性を格段に向上させる、業務システムの画面UI 第1回

MultiRowで複雑なフォームを作成する

　MultiRow for Windows Formsをサンプルに導入して、利用するための作業の流れと、機能の概要を解説していきます。

プロジェクトの作成

　「MultiRowSample」という名前で、Windowsフォームアプリケーションを作成します。

MultiRowSampleプロジェクトの作成

MultiRowテンプレートの追加

　まずはコントロールの雛形になるテンプレートを作成します。

　ソリューションエクスプローラーのプロジェクト名の位置で右クリックから「追加」→「新しい項目」をクリックします。

項目の追加

　「新しい項目の追加」ウィンドウから「MultiRow 8.0 テンプレートウィザード」を選択し、ウィンドウ右下の「追加」をクリックします。

MutiRowテンプレートウィザード

テンプレートウィザードの起動

　MultiRow 8.0テンプレートウィザードがポップアップします。ウィザード形式でテンプレート作成を進めることができます。

MutiRowテンプレートウィザード画面

　テンプレートの種類は「セル数を指定してテンプレートを作成する」を選択します。

セル数を指定してテンプレートを作成する

　テンプレートのモードでは、複数のレコードをどのように展開するかを選択します。ここでは「垂直方向に展開」を選択します。

展開方法の選択

　続いて、列・行のヘッダーの有無と垂直・水平方向の列数を選択します。

　今回は「行ヘッダーを生成する」のチェックを外し、水平方向のセル数を4、垂直方向のセル数を3に変更します。

テンプレートの行列数の指定

　スタイルを選択します。左の各スタイルをクリックすると、右側でプレビューが確認できます。

　「Professional 2」を選択します。

スタイルの選択

　最後にテンプレート名を「SampleTemplate」と変更して「完了」をクリックします。

テンプレート名の変更

　これでテンプレートが作成されました。ウィザードに従い、ある程度の形ができているので、次は更に修正を加えていきます。

ウィザードにより作成されたテンプレート