MultiRow for ASP.NET MVC

【限定機能】MultiRowは、1レコードを複数行で表示できるグリッドコントロールです。通常のグリッドと比較して、横方向にスクロールしなくても多くのフィールドを1画面で表示できるという特長があります。MultiRowはFlexGridの拡張コントロールであり、FlexGridと同じ操作性と機能を提供し、列レイアウト定義情報を設定するだけで複数行のレイアウトでグリッドを表示することができます。

オンラインデモ

MultiRow Explorer

MultiRowのさまざまな機能をお試しいただけます。

MultiRow Explorer

デモを見る (ASP.NET版 | ASP.NET Core版

機能/特長

1レコードを複数行に表示

MultiRowは、1つのレコードを複数行にわたって表示することが可能です。これにより、フィールド数が非常に多い場合でも、横方向にスクロールすることなく1画面に全てのフィールドを表示することができ、操作性と閲覧性を大きく向上させることができます。

画像「1レコードを複数行に表示」

柔軟なレイアウト

レコード内のセルを縦横いずれの方向にも結合することが可能です。セルの結合を駆使することで、Excelのような柔軟なレイアウトでデータを表示/入力することができます。また、帳票や伝票と同じレイアウトでデータ表示/入力を行うという用途でもご利用いただけます。

画像「柔軟なレイアウト」

グリッドレイアウトの設定

MultiRowでは、列レイアウト情報を設定するだけで、異なるレイアウトでグリッドデータを表示することができます。レイアウトの違いを意識してコーディングする必要はありません。列レイアウト情報を切り替えると、グリッドの機能や操作性はそのままに、通常のグリッドを複数行グリッドとして表示します。

画像「グリッドレイアウトの設定」

列ヘッダの折りたたみ

既定では列ヘッダと明細は同じレイアウトで表示されますが、列ヘッダを折りたたんで1行で表示することができます。小さな画面で多くの列ヘッダの折りたたみと展開は、ボタンクリックにより動的に行うことも可能です。

画像「列ヘッダの折りたたみ」

データ入力

通常のテキストボックスに加えて、コンボボックス、チェックボックスによる入力に対応します。また、新規追加行を表示してレコード単位でデータを追加したり、Deleteキーを押して選択されたレコードを削除することができます。

画像「データ入力」

Excelのような操作性

Excelや一般的なデータグリッドで利用されるキー操作をサポートします。右の表は、対応している主なキー操作です。

キー 処理内容
F2 編集を開始
Tab、Shift+Tab 編集終了して右/左に移動
Enter、Shift+Enter 編集終了して下/上に移動
Shift+矢印 セル範囲を選択
Alt+上下 ドロップダウンを表示
Space チェックボックスを切り替え

クリップボード操作

クリップボード操作をサポートし、セル範囲をコピーして他の範囲にペーストすることができます。また、コピーしたセルをExcelにペーストしたり、逆にExcelでコピーしたセルをMultiRowにペーストすることも可能です。同じデータの入力を効率的に行うことができます。

画像「クリップボード操作」

ファイル出力

サーバーに特別なソフトをインストールすることなく、WebブラウザだけでExcelファイルとPDFファイルを出力することができます。MultiRowをそのままExcelファイルやPDFファイルに出力するだけでなく、MultiRowと他の文字列などのコンテンツを組み合わせて出力することも可能です。

画像「ファイル出力」

FlexGridの拡張コントロール

MultiRowはFlexGridの拡張コントロールであり、ソート、フィルタリング、グループ化、ページング、行列の固定など、FlexGridと同等の機能をサポートします。また、クラスメンバーや使用方法も同じなので、FlexGridを使うことができればMultiRowも簡単に使い始めることができます。

画像「FlexGridの拡張コントロール」

サンプル画面集

MultiRowでは、1レコードを複数行にわたって表示することで、伝票や帳票のようなレイアウトでデータ入力画面を作成できます。

振替伝票

振替伝票

受注伝票

受注伝票

受注明細照会

受注明細照会

仕入伝票

仕入伝票

受注管理

受注管理

売上伝票

売上伝票