Ticket AS11078
Visible to All Users

How do I implement MasterDetailMode = ListAndDetailView in ListView in ASP.NET WebForms and Blazor?

created 18 years ago

If I set Masterdetailmode = ListAndDetailView in the model and run the WinForms application I get a split view with a ListView on the left and the corresponding DetailView on the right. This also works nested which is great and gives a great deal of flexibility when dealing with master/detail relationships or complex objects. However, it doesn't seem to work in the web application.
-----------------

Show previous comments (7)

    It would be nice to see the top voted features, so we had an idea of what the community wanted. However, you have to figure that it could be used by their competition to try and steal clients away, if they implemented some of those highly sought after features. Although, I've never bothered looking at the competition since I can't imagine anyone having better customer service, and I'm already quite invested in DX.

      XAF has zero alternatives, so I don't see much competition around stealing ideas.
      On the other hand, maybe that's exactly what they need - a bit of a competition. Maybe then they'd be rushed to clear more of those 7 years old tickets ;)

      Dennis Garavsky (DevExpress) 11 years ago

        @Pablo: There is no fixed number and everything depends on various factors, including user votes. I am afraid we do not provide a list of most voted features in one place.

        Answers approved by DevExpress Support

        created 10 years ago (modified 2 years ago)

        ASP.NET Core Blazor Server

        v22.2+

        XAF's ASP.NET Core Blazor Server v22.2 supports MasterDetailMode = ListViewAndDetailView out of the box: Display a Detail View with a List View.

        Older Versions

        You can emulate this behavior as shown in the MasterDetailModeBlazor.zip project. Research the following solution files:

        • MasterDetailMode.Module\Module.cs (see the MasterDetailModeModule constructor);
        • MasterDetailMode.Module.Blazor\Controllers\AS11078.cs
        • MasterDetailMode.Module.Blazor\Model.DesignedDiffs.xafml

        This is not a complete solution, and you will have to further test and modify it according to your business needs.
        Clipboard-File-3.png

        ASP.NET WebForms

        v18.2+

        XAF's ASP.NET Web Forms v18.2 supports MasterDetailMode = ListViewAndDetailView. For more information, see Web - Split View layout support (MasterDetailMode = ListAndDetailView).

        Older Versions

        You can consider the following solutions:
        1. Use the DashboardView class functionality to emulate this mode on the Web. This will require creating two DashboardViewItems for ListView and DetailView, as well as a Controller that will manage the ListView selection and update the DetailView accordingly. You can use the How to implement dependent views in a DashboardView (filter based on selection) example for more inspiration.
        Attached is also a small sample (dxSampleAS11078.zip and MasterDetailMode_Blazor.zip) for your reference. This is not a complete solution, and you will have to further test and modify it according to your business needs.
        2. Consider implementing a solution from one of our customers posted in the SplitLayout for Web Application ticket. An advanced version of this solution is integrated into the eXpand Framework.
        3. Set the ListView model's AllowEdit property to True and the InlineEditMode property to EditForm or EditFormAndDisplayRow.
        4.  Implement a custom List Editor and provide the necessary functionality in it.

          Show previous comments (9)

            Hello.

            This feature is really needed for a migration project from XAF Web Forms to Blazor. Do you have any idea about when will be included in Blazor?

            Ivan

            Dennis Garavsky (DevExpress) 3 years ago

              @Ivan Argudo:

              Do you have any idea about when will be included in Blazor?

              We hope to support MasterDetailMode = ListViewAndDetailView in 2022, but I cannot give you exact time frames. Have you checked our temporary solution from MasterDetailModeBlazor.zip above?

              Anatol (DevExpress) 2 years ago

                I am happy to inform you that XAF Blazor now allows showing an editing DetailView near a ListView (Split View Layout). Set the Views | ListView | MasterDetailMode property to ListViewAndDetailView in the Model Editor to enable this feature.

                See a list of all new features on the following page: What's New in v22.2 - XAF.

                Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.

                Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.