In this lesson, you will learn how to display a Detail View together with a List View. For this purpose, the Department List View will be used. The object selected in it will be displayed in the corresponding Detail View.
In this lesson, you will learn how to view detailed information displayed together with the list view. To do this, use the department list view. Wherein the selected object is displayed in the corresponding "Detail View".
Note Note
Before proceeding, take a moment to review the Place an Action in a Different Location lesson.
Before proceeding, please take a moment to review the "operation will be placed in different locations" course.
Invoke the Model Editor for the MySolution.Module project. Navigate to the Views | MySolution.Module.BusinessObjects | Department_ListView node. It defines the List View that is used for Department objects using the properties to the right. In the MasterDetailMode property's dropdown list, select ListViewAndDetailView.
Call MySolution. Model Editor module project. Navigate to view | My Solution Module business object |.. Department_ListView node. It defines the list view on the right to use the property sector objects. In the "master mode details" drop-down list of attributes, select "list view and the detail view."
Run the WinForms or ASP.NET application. The Department List View will appear as follows.
Run WinForms or ASP.NET applications. List view displays the following departments.
WinForms Application
WinForms application
ASP.NET Application
ASP.NET applications
In the WinForms application, use the Save (
) or SaveAndClose (
) buttons on the toolbar to commit changes made in the Detail View. To cancel the changes, use the Cancel (
) button.
In WinForms application, "Save (btn_Save)" on the toolbar or "Save and Close (btn_SaveClose)" button to submit the changes in the "Details View" done. To cancel the changes, use the "Cancel (btn_Cancel)" button.
Note Note
You can specify the Detail View that should be displayed alongside the List View (see ListView.DetailViewId).
You can specify the details view should be displayed next to the list view (See listView. Detail view Id).
To specify the Detail View location, use the IModelSplitLayout.Direction and IModelListViewSplitLayout.ViewsOrder properties of the ListView | SplitLayout node.
要指定详细视图位置，请使用 Imodel 拆分布局.方向和 IModellist 视图拆分布局。视图顺序属性的列表视图 |拆分布局节点。
The Reset View Settings Action resets settings for both List and Detail Views in the ListViewAndDetailView display mode.
"重置视图设置"操作在"列表视图和详细信息视图"显示模式下重置列表视图和详细信息视图的设置。
In the ASP.NET Application, the IModelListViewWeb.DetailRowMode option is similar to MasterDetailMode, but it allows you to show a Detail View in a List View's Detail Row.
在ASP.NET应用程序中，IModelListViewWeb.detailRowMode 选项与"主详细信息模式"类似，但它允许您在列表视图的"详细信息行"中显示详细信息视图。
You can see the changes made in this lesson in the Model Editor invoked for the Model.DesignedDiffs.xafml file located in the Main Demo | MainDemo.Module project and the Model.DesignedDiffs.xafml file located in the Main Demo | MainDemo.Module.Web project. The MainDemo application is installed in %PUBLIC%\Documents\DevExpress Demos 19.2\Components\eXpressApp Framework\MainDemo by default. The ASP.NET version is available online at http://demos.devexpress.com/XAF/MainDemo/
Change the model editor you can model calls you made in this lesson. .. MainDemo module project and model design Diffs.xafml file located in the main demo |. MainDemo module .Web project. The demo application is installed in the main % the PUBLIC% \ Documents \ DevExpress the Demos 19.2 \ Components \ eXpressApp Framework \ MainDemo by default. The Available Online at The ASP.NET Version IS AT http://demos.devexpress.com/XAF/MainDemo/
.