ここの人々が、ユーザーが「データビュー」に表示されるべきフィールドを選択することを可能にするUIのいくつかのアイデアを手助けしてくれることを願っています。ここでのひねりは、データビューが単純な列指向のリストビューとフォームの詳細ビューの混合であることです。
出力の簡単な例:
SomeField AnotherField ThirdField --------- ------------ ---------- Value1 Value2 Value3 ForthField:Value4 FifthField:Value5 SixthField:Value6
ユーザーは、列として表示するフィールド(別名「最初の行」)を選択し、フォームの詳細ビューの一部として表示するフィールド(別名「2行目からn行目」)を選択できる必要があります。
私はドロップダウンのグリッド(フィールド名を含む)を使用することを考えています... n列とm行(言うには制限があります... 25列x 10行)。しかし...これは非常に魅力的なUIにはなりません。
ExtJSグリッドプラグインのデモページの最初の例 を確認してください。
±250のデータフィールドがあり、ユーザーにそれらを配置してほしいと思いますか?その場合、ドロップダウンウィジェットは確かに行く方法ではありません!
おそらく、プレーンテキスト(ラベルとして機能する)とフィールド($で始まるプレーンテキストと区別して、オートコンプリート)を入力できるスプレッドシートのようなグリッドがあるかもしれません。ユーザーはそれで快適でしょうか?
ラインやその他の装飾品用のツール/マークアップをさらに追加できます。
すべてのデータを標準的な方法で列に表示し、ユーザーが列のヘッダーをドラッグしてフォームの詳細に表示できるようにすることができます。
Telerik DataGrid grouping demo を見てください。列ヘッダーをグループ化するためにマークする上部領域にドラッグできます。あなたの場合、その上部の領域は「フォームの詳細列」を意味します。グリッドの行のレイアウトは、選択された列をフォームの詳細に表示するように調整する必要があります。
Form details: ForthField FifthField SixthField
---------------------------------
SomeField AnotherField ThirdField
--------- ------------ ----------
Value1 Value2 Value3
ForthField: Value4 FifthField: Value5
SixthField: Value6
グループまたはフィールドのセットを作成するオプションを提供するのはどうでしょう。
これらの各グループには1つ以上のフィールドを含めることができ、グループを列ビューとして表示するか、フォームの詳細ビューとして表示するかを選択できます。
各グループを上下にドラッグ(または単に移動)して、レイアウトを再配置できます。
このようなもの:
各グループのドロップダウンのリストは水平である必要はありませんが、アイデアはわかります。