ContextMenu: Add scrolling demo for .Net MVC and Core

MVCDemos/Content/DemosStyles/ContextMenu/Scrolling.css

@@ -0,0 +1,10 @@
+.target-area {
+    color: var(--dx-color-text);
+    background-color: var(--dx-color-border);
+    height: 300px;
+    max-width: 600px;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}

MVCDemos/Controllers/ContextMenuController.cs

@@ -1,6 +1,6 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
+using DevExtreme.AspNet.Data;
+using DevExtreme.AspNet.Mvc;
+using DevExtreme.MVC.Demos.Models.SampleData;
 using System.Web.Mvc;
 
 namespace DevExtreme.MVC.Demos.Controllers {
@@ -9,8 +9,17 @@ public ActionResult Basics() {
             return View();
         }
 
+        public ActionResult Scrolling() {
+            return View();
+        }
+
         public ActionResult Templates() {
             return View();
         }
+
+        [HttpGet]
+        public ActionResult GetScrollingProducts(DataSourceLoadOptions loadOptions) {
+            return Json(DataSourceLoader.Load(ContextMenuData.Products, loadOptions), JsonRequestBehavior.AllowGet);
+        }
     }
 }

MVCDemos/DevExtreme.MVC.Demos.csproj

@@ -376,7 +376,9 @@
     <Compile Include="Models\OrgItems.cs" />
     <Compile Include="Models\ContextMenuItem.cs" />
     <Compile Include="Models\RowReorderingTask.cs" />
+    <Compile Include="Models\ContextMenuScrollingItem.cs" />
     <Compile Include="Models\SampleData\ActiveCompanies.cs" />
+    <Compile Include="Models\SampleData\ContextMenuData.cs" />
     <Compile Include="Models\SampleData\AdaptabilityAppointments.cs" />
     <Compile Include="Models\SampleData\AgendaTasks.cs" />
     <Compile Include="Models\SampleData\AnnotationData.cs" />
@@ -678,6 +680,7 @@
       <DependentUpon>Northwind.mdf</DependentUpon>
     </Content>
     <Content Include="Content\demo-template.css" />
+    <Content Include="Content\DemosStyles\ContextMenu\Scrolling.css" />
     <Content Include="Content\DemosStyles\Charts\AxisCustomPosition.css" />
     <Content Include="Content\DemosStyles\Charts\CustomAnnotations.css" />
     <Content Include="Content\DemosStyles\Charts\CustomLegendMarkers.css" />
@@ -1946,6 +1949,7 @@
     <Content Include="Views\Lookup\Basics.cshtml" />
     <Content Include="Views\Gallery\ItemTemplate.cshtml" />
     <Content Include="Views\ContextMenu\Basics.cshtml" />
+    <Content Include="Views\ContextMenu\Scrolling.cshtml" />
     <Content Include="Views\Charts\PiesWithEqualSize.cshtml" />
     <Content Include="Views\Charts\AxisLabelsOverlapping.cshtml" />
     <Content Include="Views\ContextMenu\Templates.cshtml" />

MVCDemos/Models/ContextMenuScrollingItem.cs

@@ -0,0 +1,10 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+
+namespace DevExtreme.MVC.Demos.Models {
+    public class ContextMenuScrollingItem {
+        public string text { get; set; }
+        public IEnumerable<ContextMenuScrollingItem> items { get; set; }
+    }
+}

MVCDemos/Views/ContextMenu/Scrolling.cshtml

@@ -0,0 +1,18 @@
+<div class="target-area">
+    Right click here to show the context menu
+</div>
+
+@(Html.DevExtreme().ContextMenu()
+    .Width(200)
+    .Target(".target-area")
+    .OnItemClick("contextMenu_ItemClick")
+    .DataSource(d => d.Mvc().LoadAction("GetScrollingProducts"))
+)
+
+<script>
+    function contextMenu_ItemClick(e) {
+        if(!e.itemData.Items) {
+            DevExpress.ui.notify(`The "${e.itemData.text}" item was clicked`, "success", 1500);
+        }
+    }
+</script>

NetCoreDemos/Controllers/ContextMenuController.cs

@@ -1,6 +1,6 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
+using DevExtreme.AspNet.Data;
+using DevExtreme.AspNet.Mvc;
+using DevExtreme.NETCore.Demos.Models.SampleData;
 using Microsoft.AspNetCore.Mvc;
 
 namespace DevExtreme.NETCore.Demos.Controllers {
@@ -9,8 +9,18 @@ public ActionResult Basics() {
             return View();
         }
 
+        public ActionResult Scrolling() {
+            return View();
+        }
+
         public ActionResult Templates() {
             return View();
         }
+
+        [HttpGet]
+
+        public ActionResult GetScrollingProducts(DataSourceLoadOptions loadOptions) {
+            return Json(DataSourceLoader.Load(ContextMenuData.Products, loadOptions));
+        }
     }
 }

NetCoreDemos/Models/ContextMenuScrollingItem.cs

@@ -0,0 +1,10 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+
+namespace DevExtreme.NETCore.Demos.Models {
+    public class ContextMenuScrollingItem {
+        public string text { get; set; }
+        public IEnumerable<ContextMenuScrollingItem> items { get; set; }
+    }
+}