DevExpress-Examples
diff --git a/‎ASP.NET Core/Views/Home/Index.cshtml
Lines changed: 27 additions & 21 deletions b/‎ASP.NET Core/Views/Home/Index.cshtml
Lines changed: 27 additions & 21 deletions
diff --git a/‎ASP.NET Core/Views/PartialViews/DataGridLocal.cshtml
Lines changed: 0 additions & 21 deletions b/‎ASP.NET Core/Views/PartialViews/DataGridLocal.cshtml
Lines changed: 0 additions & 21 deletions
diff --git a/‎ASP.NET Core/Views/PartialViews/DataGridRemote.cshtml
Lines changed: 0 additions & 41 deletions b/‎ASP.NET Core/Views/PartialViews/DataGridRemote.cshtml
Lines changed: 0 additions & 41 deletions
diff --git a/‎ASP.NET Core/Views/Shared/_Layout.cshtml
Lines changed: 0 additions & 3 deletions b/‎ASP.NET Core/Views/Shared/_Layout.cshtml
Lines changed: 0 additions & 3 deletions
diff --git a/‎ASP.NET Core/wwwroot/css/Site.css
Lines changed: 2 additions & 30 deletions b/‎ASP.NET Core/wwwroot/css/Site.css
Lines changed: 2 additions & 30 deletions
diff --git a/‎ASP.NET Core/wwwroot/css/fonts/Roboto-300.ttf
-166 KB b/‎ASP.NET Core/wwwroot/css/fonts/Roboto-300.ttf
-166 KB
diff --git a/‎ASP.NET Core/wwwroot/css/fonts/Roboto-300.woff
-83.7 KB b/‎ASP.NET Core/wwwroot/css/fonts/Roboto-300.woff
-83.7 KB
diff --git a/‎ASP.NET Core/wwwroot/css/fonts/Roboto-300.woff2
-62.8 KB b/‎ASP.NET Core/wwwroot/css/fonts/Roboto-300.woff2
-62.8 KB
diff --git a/‎ASP.NET Core/wwwroot/css/fonts/Roboto-400.ttf
-168 KB b/‎ASP.NET Core/wwwroot/css/fonts/Roboto-400.ttf
-168 KB
diff --git a/‎ASP.NET Core/wwwroot/css/fonts/Roboto-400.woff
-83.9 KB b/‎ASP.NET Core/wwwroot/css/fonts/Roboto-400.woff
-83.9 KB
@@ -1,23 +1,29 @@
-<div class="demo-header">
-    <h3>DataGrid - Select multiple items and drag'n'drop</h3>
-    <div id="toggle-container">
-        <span>Clear selection after drop</span>
-        @(Html.DevExtreme().Switch().ID("clearAfterDropSwitch"))
-    </div>
-</div>
-@(Html.DevExtreme().TabPanel()
-    .Items(tabs => {
-        tabs.Add().Title("Plain Data")
-            .Template(@<text>
-                <div>
-                    @(await Html.PartialAsync("../PartialViews/DataGridLocal"))
-                    </div>
-                </text>);
-        tabs.Add().Title("Hierarchical Data")
-        .Template(@<text>
-            <div>
-                @(await Html.PartialAsync("../PartialViews/DataGridRemote"))
-                </div>
-            </text>);
+@using ASP_NET_Core.Models
+
+<h2>Home</h2>
+
+@(Html.DevExtreme().DataGrid<SampleOrder>()
+    .ShowBorders(true)
+    .DataSource(d => d.Mvc().Controller("SampleData").LoadAction("Get").Key("OrderID"))
+    .Columns(columns => {
+        columns.AddFor(m => m.OrderID);
+        columns.AddFor(m => m.OrderDate);
+        columns.AddFor(m => m.CustomerName);
+        columns.AddFor(m => m.ShipCountry);
+        columns.AddFor(m => m.ShipCity);
     })
+    .Paging(p => p.PageSize(10))
+    .FilterRow(f => f.Visible(true))
+    .HeaderFilter(f => f.Visible(true))
+    .GroupPanel(p => p.Visible(true))
+    .Grouping(g => g.AutoExpandAll(false))
+    .RemoteOperations(true)
+    .Summary(s => s
+        .TotalItems(totalItems => {
+            totalItems.AddFor(m => m.ShipCity).SummaryType(SummaryType.Count);
+        })
+        .GroupItems(groupItems => {
+            groupItems.Add().SummaryType(SummaryType.Count);
+        })
+    )
 )
@@ -17,9 +17,6 @@
     <link rel="stylesheet" href="~/css/vendor.css" asp-append-version="true" />
     <link rel="stylesheet" href="~/css/Site.css" />
     <script src="~/js/vendor.js" asp-append-version="true"></script>
-    <script src="~/js/LocalDataArray.js"></script>
-    <script src="~/js/GridLocal.js"></script>
-    <script src="~/js/GridRemote.js"></script>
 </head>
 
 <body class="dx-viewport">
 
@@ -1,35 +1,7 @@
 .demo-container {
-    margin: 50px 50px;
-    width: 90vh;
+    margin: 50px;
+    width: 90vw;
 }
 body {
     margin: 8px;
 }
-.tab-item-content {
-    margin: auto;
-}
-
-.demo-header {
-    display: flex;
-    justify-content: space-between;
-}
-
-#toggle-container {
-    padding-top: 20px;
-}
-
-#clearAfterDropSwitch {
-    vertical-align: text-bottom;
-}
-
-#toggle-container span {
-    padding-right: 10px;
-}
-
-.drag-container {
-    padding: 10px;
-}
-
-.drag-container td {
-    padding: 0px 10px 0px 10px;
-}