方法:表示する複数のビューサイドバイサイド方法:ディスプレイ側の複数のビュー側

このトピックでは、いくつかの表示方法を示しビューの単一画面に並べて。この目的のために、で実証「シンプルなダッシュボード」ダッシュボードビュー、FeatureCenter XAFでインストールデモは、ゼロから再作成されます。ダッシュボード・ビューは、具体的には、単一に無関係なビューの任意の数を表示するように設計された特別なビュータイプ、あるフレーム

このトピックでは、単一の画面上に並べて複数のビュー側を表示する方法を示します。このため、中心的な特徴は、デモデモ「シンプルなダッシュボード」(XAFにインストールされます)ダッシュボードビューが再作成され、最初からになります。ダッシュボードビューは、具体的には単一のフレームに無関係のビューの任意の数を表示するために設計され、ビューの特殊なタイプです。

Note 注意
モバイルアプリケーションは、ダッシュボード・ビューをサポートしていません。
アプリケーションは、モバイルダッシュボード・ビューをサポートしていません。

あなたはXAFアプリケーションをWindowsフォームでリストビューの現在選択されているオブジェクトのプロパティを表示する詳細ビュー、一緒にリストビューを表示する必要がある場合は、を参照してリストビューの編集モードの代わりに、ヘルプトピック。

あなたはWindowsで、リストビューを表示する必要がある場合は、リストビューの詳細は、現在選択しているオブジェクトのプロパティの表示XAFアプリケーションとディスプレイを形成し、「リストビュー編集モード」ヘルプトピックをご覧ください。

Dashboard1

このチュートリアルを始めるに位置FeatureCenterデモソリューション開くには%のPUBLIC%\ドキュメント\ DevExpress社のデモ19.2 \コンポーネント\ eXpressApp Frameworkの\ FeatureCenter \ CSのデフォルトでは、フォルダ、およびWindows用の有効なデータベース接続文字列を指定すると、アプリケーションフォームプロジェクトを。接続文字列を指定する方法については、を参照してください。データベース・プロバイダの接続にAN XAFアプリケーションヘルプトピック。

、チュートリアルを開始_機能センター_csフォルダ%PUBLIC%で_ドキュメント_DevExpressプレゼンテーション19.2_コンポーネント_eXpressAppフレームワークを設置プレゼンテーション機能センターソリューションを開き、既定のWindowsフォームは、有効なデータベース接続文字列アプリケーションを指定するにはプロジェクト。接続文字列を指定する方法については、データベース・プロバイダーのヘルプトピックにXAFアプリケーションの接続を参照してください。

ダッシュボードビューの作成

ダッシュボード・ビューを作成します。

まず、いくつかのビューを並べて表示するために使用されるダッシュボードビューを作成します。このためには、呼び出しモデルエディタを FeatureCenter.Module.Winプロジェクトのために。ビューのノードを右クリックして、ダッシュボードビューを追加します。

まず、複数のビューを表示するために並んでダッシュボードビューを作成します。この目的のために、コールセンター機能モデルエディタ.module.Winプロジェクト。「ビュー」ノードを右クリックし、ダッシュボード・ビューを追加します。

DashboardTutorial1

設定するのIdに作成されたビューのプロパティをMyDashboardView

ビューのIdプロパティはMyDashboardViewのために作成されます。

DashboardTutorial1_1

ダッシュボードビューに表示するビューを指定します。

ダッシュボード・ビューに表示するビュー

Second, specify the Views to be displayed on the Dashboard View, by creating Dashboard View Items. A DashboardViewItem displays a View specified by the item's IModelDashboardViewItem.View property of the Application Model's corresponding DashboardViewItem node. Right-click the Items node and add a Dashboard View Item.

其次,通过创建仪表板视图项,指定要在仪表板视图上显示的视图。仪表板视图项显示由项的 IModelDashboardViewItem 指定的视图。查看应用程序模型对应的仪表板视图项节点的属性。右键单击"项目"节点并添加仪表板视图项。

DashboardTutorial2

Set the View property of the created Dashboard View Item to Order_ListView_PivotGrid_SalesAnalysis.

将创建的仪表板视图项的视图属性设置为Order_ListView_PivotGrid_SalesAnalysis。

DashboardTutorial2_1

Note 注意
In the Feature Center application, the Order_ListView_PivotGrid_SalesAnalysis List View is visualized by the Pivot Grid List Editor (the List View's IModelListView.EditorType property is set to PivotGridListEditor for WinForms application and to ASPxPivotGridListEditor for ASP.NET in the Model Editor). Refer to the Pivot Grid Module topic to learn more.
在功能中心应用程序中,Order_ListView_PivotGrid_SalesAnalysis列表视图由数据透视网格列表编辑器可视化(列表视图的 IModelListView.编辑器属性设置为 WinForms 应用程序的透视网格编辑器,并设置为ASPxPivotGridlist编辑器,用于模型编辑器中ASP.NET)。有关详细信息,请参阅数据透视网格模块主题。

Add another Dashboard View Item and set its View property to Order_ListView_Chart_Employees.

添加另一个仪表板视图项,并将其视图属性设置为Order_ListView_Chart_Employees。

DashboardTutorial2_2

Add a KPI Dashboard View Item. Such items are used to display Key Performance Indicator results provided by the KPI Module. Set the KpiName property of the created item to Outdated shippings count.

添加 KPI 仪表板视图项。此类项目用于显示 KPI 模块提供的关键绩效指示器结果。将创建项的 KpiName 属性设置为过期装运计数。

DashboardTutorial2_3

Note that Dashboard Views support a wide range of View Items. So, a Dashboard View can display not only Views but images, blocks of text and Action Containers. For this purpose, you can add StaticText, StaticImage and ActionContainerViewItem View Items to the Dashboard View.

请注意,仪表板视图支持各种视图项。因此,仪表板视图不仅可以显示视图,还可以显示图像、文本块和操作容器。为此,您可以将静态文本、静态图像和操作容器视图项添加到仪表板视图。

Configure the Dashboard View Layout

配置仪表板视图布局

Third, configure the Dashboard View layout as you like. For a thorough explanation of how to customize a View layout, refer to the View Items Layout Customization help topic.

第三,根据需要配置仪表板视图布局。有关如何自定义视图布局的详细说明,请参阅查看项目布局自定义帮助主题。

DashboardTutorial3

Create a Navigation Item

创建导航项

Finally, create a navigation item, so that users can invoke the created Dashboard View. Right-click the Items child node of the NavigationItems node and add a Navigation Item.

最后,创建导航项,以便用户可以调用创建的仪表板视图。右键单击"导航项"节点的"项目"子节点并添加导航项。

DashboardTutorial4

Set the View property of the created View to MyDashboardView.

将创建的视图的"视图"属性设置为"我的仪表板视图"。

DashboardTutorial4_1

Run the Windows Forms application, and you will be able to see the created Dashboard View in action.

Windowsを実行フォームアプリケーションを、あなたは操作で作成したダッシュボードビューを見ることができます。

おすすめ

転載: www.cnblogs.com/foreachlife/p/How-to-Display-Several-Views-Side-by-Side.html