958641: Resolved the MVC Sample issues

ej2-asp-core-mvc/code-snippet/pivot-table/aggregation/aggregation-icon/razor

@@ -1,4 +1,4 @@
-@Html.EJS().PivotView("PivotView").Height(300).GroupingBarSettings(new Syncfusion.EJ2.PivotView.PivotViewGroupingBarSettings { ShowValueTypeIcon = false }).DataSourceSettings(dataSource => dataSource.DataSource((IEnumerable<object>)ViewBag.DataSource).ShowGroupingBar(false)
+@Html.EJS().PivotView("PivotView").Height(300).ShowGroupingBar(true).GroupingBarSettings(new Syncfusion.EJ2.PivotView.PivotViewGroupingBarSettings { ShowValueTypeIcon = false }).DataSourceSettings(dataSource => dataSource.DataSource((IEnumerable<object>)ViewBag.DataSource)
  .Rows(rows =>
  {
      rows.Name("Country").Add(); rows.Name("Products").Add();

ej2-asp-core-mvc/code-snippet/pivot-table/classic-layout/ClassicLayout.cs

@@ -2,5 +2,7 @@ public ActionResult Index()
 {
     var data = GetPivotData();
     ViewBag.DataSource = data;
+    ViewBag.drilledMembers = new string[] { "Accessories", "Bikes" };
+    ViewBag.filterSettings = new string[] { "Cleaners", "Fenders" };
     return View();
 }

ej2-asp-core-mvc/code-snippet/pivot-table/classic-layout/razor

@@ -1,7 +1,7 @@
 @using Syncfusion.EJ2.PivotView
 
 @Html.EJS().PivotView("pivotview").Width("100%").Height("450").ShowFieldList(true).DataSourceSettings(dataSourceSettings
-    => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.Data).ExpandAll(false).EnableSorting(true)
+    => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(false).EnableSorting(true)
     .DrilledMembers(drilledmembers =>
     {
         drilledmembers.Name("Product_Categories").Items(ViewBag.drilledMembers).Add();

ej2-asp-core-mvc/code-snippet/pivot-table/conditional-formatting/ui/razor

@@ -27,7 +27,7 @@
            })
            .ConditionalFormatSettings(format =>
            {
-               format.Conditions(Condition.LessThan).Measure("In_Stock").Value1(1000).Style(style => { style.BackgroundColor("#80cbc4").Color("black").FontFamily("Tahoma").FontSize("12px"); }).Add();
+               format.Conditions(Condition.GreaterThan).Measure("In_Stock").Value1(1000).Style(style => { style.BackgroundColor("#80cbc4").Color("black").FontFamily("Tahoma").FontSize("12px"); }).Add();
                format.Conditions(Condition.Between).Measure("Sold").Value1(500).Value2(40000).Style(style => { style.BackgroundColor("#f48fb1").Color("black").FontFamily("Tahoma").FontSize("12px"); }).Add();
            })
            ).AllowConditionalFormatting(true).Render()

ej2-asp-core-mvc/code-snippet/pivot-table/conditional-formatting/ui/tagHelper

@@ -23,7 +23,7 @@
             <e-field name="Product_Categories" caption="Product Categories"></e-field>
         </e-filters>
         <e-conditionalformatsettings>
-            <e-format measure="In_Stock" conditions="LessThan" value1="1000">
+            <e-format measure="In_Stock" conditions="GreaterThan" value1="1000">
                 <e-fieldlist-style backgroundColor="#80cbc4" color="black" fontFamily="Tahoma" fontSize="12px" />
             </e-format>
             <e-format measure="Sold" conditions="Between" value1="500" value2="40000">

ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/engine-populated/razor

@@ -8,7 +8,7 @@
  }).Values(values =>
  {
      values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
- })).ShowGroupingbar(true).EnginePopulated("enginePopulated").Render()
+ })).ShowGroupingBar(true).EnginePopulated("enginePopulated").Render()
 
  <script>
     function enginePopulated(args){

ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/engine-populating/razor

@@ -8,7 +8,7 @@
  }).Values(values =>
  {
      values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
- })).ShowGroupingbar(true).EnginePopulating("enginePopulating").Render()
+ })).ShowGroupingBar(true).EnginePopulating("enginePopulating").Render()
 
  <script>
     function enginePopulating(args){

ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/load/razor

@@ -8,7 +8,7 @@
  }).Values(values =>
  {
      values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
- })).ShowGroupingbar(true).Load("load").Render()
+ })).ShowGroupingBar(true).Load("load").Render()
 
  <script>
     function load(args){

ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/no-data/nodata.cs

@@ -4,23 +4,3 @@ public ActionResult Index()
     ViewBag.DataSource = data;
     return View();
 }
-
-public List<PivotData> GetPivotData()
-{
-    List<PivotData> pivotData = new List<PivotData>();
-    pivotData.Add(new PivotData { Amount = 100, Country = "Canada", Date = "FY 2005", Products = "Bike", Quantity = 2, State = "Alberta" });
-    pivotData.Add(new PivotData { Amount = 200, Country = "Canada", Date = "FY 2006", Products = "Van", Quantity = 3, State = "British Columbia" });
-    pivotData.Add(new PivotData { Amount = 150, Country = "United States", Date = "FY 2006", Products = "Car", Quantity = 3, State = "New Mexico" });
-    pivotData.Add(new PivotData { Amount = 200, Country = "United States", Date = "FY 2005", Products = "Bike", Quantity = 4, State = "New York" });
-    return pivotData;
-}
-
-public class PivotData
-{
-    public int Quantity { get; set; }
-    public double Amount { get; set; }
-    public string Country { get; set; }
-    public string Products { get; set; }
-    public string Date { get; set; }
-    public string State { get; set; }
-}

ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/odata/razor

@@ -1,6 +1,6 @@
 @Html.EJS().PivotView("PivotView").Height("300").DataSourceSettings(dataSource => dataSource.DataSource(dataManger =>
 {
-    dataManger.Url("https://js.syncfusion.com/demos/ejServices/Wcf/Northwind.svc/Orders/").CrossDomain(true).Adaptor("ODataAdaptor");
+    dataManger.Url("https://services.syncfusion.com/js/production/api/Orders").CrossDomain(true).Adaptor("ODataAdaptor");
 
 }).ExpandAll(false).ShowAggregationOnValueField(false).EnableSorting(true)
     .Rows(rows =>

ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/remote-json-data/razor

@@ -2,7 +2,7 @@
 .ExpandAll(false)
 .Rows(rows =>
 {
-    columns.Name("EnerType").Add();
+    rows.Name("EnerType").Add();
 }).Columns(columns =>
 {
     columns.Name("EneSource").Add();

ej2-asp-core-mvc/code-snippet/pivot-table/defer-update/static/razor

@@ -27,14 +27,14 @@
     var pivotObj; var fieldlistObj;
     function onGridEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         if (fieldlistObj) {
             fieldlistObj.update(pivotObj);
         }
     }
     function onFieldListEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         if (fieldlistObj.isRequiredUpdate) {
             fieldlistObj.updateView(pivotObj);
         }

ej2-asp-core-mvc/code-snippet/pivot-table/editing/Inline-editing/razor

@@ -1,15 +1,15 @@
  @Html.EJS().PivotView("PivotGrid").Width("100%").Height("300").DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>
-            )ViewBag.Data)
+            )ViewBag.DataSource)
             .FormatSettings(formatsettings =>
             {
                 formatsettings.Name("Amount").Format("C0").MaximumSignificantDigits(10).MinimumSignificantDigits(1).UseGrouping(true).Add();
             }).Columns(columns =>
             {
-                columns.Name("Date").Add(); columns.Name("Product").Add();
+                columns.Name("Country").Add(); columns.Name("Product").Add();
             }).Rows(rows =>
             {
-                rows.Name("Country").Add();;
+                rows.Name("Year").Add(); rows.Name("Quarter").Add();;
             }).Values(values =>
             {
-                values.Name("Quantity").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
+                values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
             })).EditSettings(pivotViewCellEditSettings=>pivotViewCellEditSettings.AllowEditing(true).AllowInlineEditing(true)).Render()

ej2-asp-core-mvc/code-snippet/pivot-table/excel-export/blob-export/razor

@@ -28,4 +28,4 @@
             });
         }
     }
-</script>
+</script>

ej2-asp-core-mvc/code-snippet/pivot-table/excel-export/exportallpages/razor

@@ -1,4 +1,4 @@
-@Html.EJS().Button("pdf").Content("Pdf Export").IsPrimary(true).Render()
+@Html.EJS().Button("Excel").Content("Excel Export").IsPrimary(true).Render()
 
 @Html.EJS().PivotView("PivotView").Height("300").EnableVirtualization(true).ExportAllPages(false).DataSourceSettings(dataSource => dataSource.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(true)
 .FormatSettings(formatsettings =>
@@ -17,7 +17,7 @@
 
 <script>
     var pivotObj;
-    document.getElementById('pdf').onclick = function () {
+    document.getElementById('Excel').onclick = function () {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
         pivotObj.excelExport();
     }

ej2-asp-core-mvc/code-snippet/pivot-table/field-list/Search-desired-field-static/razor

@@ -27,14 +27,14 @@
     var pivotObj; var fieldlistObj;
     function onGridEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         if (fieldlistObj) {
             fieldlistObj.update(pivotObj);
         }
     }
     function onFieldListEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         fieldlistObj.updateView(pivotObj);
     }
 </script>

ej2-asp-core-mvc/code-snippet/pivot-table/field-list/Search-desired-field-static/tagHelper

@@ -30,14 +30,14 @@
     var pivotObj; var fieldlistObj;
     function onGridEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         if (fieldlistObj) {
             fieldlistObj.update(pivotObj);
         }
     }
     function onFieldListEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         fieldlistObj.updateView(pivotObj);
     }
 </script>

ej2-asp-core-mvc/code-snippet/pivot-table/field-list/static-fieldlist-virtualization/razor

@@ -2,13 +2,13 @@
 
 @Html.EJS().PivotView("PivotView").Height("300").EnableVirtualization(true).EnginePopulated("onGridEnginePopulate").Render()
 <br />
-@Html.EJS().PivotFieldList("PivotFieldList").RenderMode(Mode.Fixed).DataSourceSettings(dataSource => dataSource.DataSource(data(1000)).ExpandAll(false).EnableSorting(true)
+@Html.EJS().PivotFieldList("PivotFieldList").RenderMode(Mode.Fixed).DataSourceSettings(dataSource => dataSource.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(false).EnableSorting(true)
  .Rows(rows =>
  {
     rows.Name("ProductID").Add();
  }).Columns(columns =>
  {
-    columns => { columns.Name("Year").Add();
+     columns.Name("Year").Add();
  }).Values(values =>
  {
     values.Name("Price").Caption("Unit Price").Add();
@@ -20,56 +20,25 @@
         width: 58%;
         height: 100%;
     }
+
     #PivotFieldList {
         width: 42%;
         height: 100%;
     }
+
     .e-PivotView {
         float: left;
     }
+
     .e-PivotFieldList {
         float: right;
     }
-    .e-PivotFieldList .e-static {
-        width: 100% !important;
-    }
-</style>
 
-<script>
-
-    var dt = 0;
-    var data = function (count) {
-        var result = [];
-        for (var i = 1; i < (count + 1); i++) {
-            dt++;
-            var round = void 0;
-            var toString_1 = i.toString();
-            if (toString_1.length === 1) {
-                round = '0000' + (i);
-            }
-            else if (toString_1.length === 2) {
-                round = '000' + i;
-            }
-            else if (toString_1.length === 3) {
-                round = '00' + i;
-            }
-            else if (toString_1.length === 4) {
-                round = '0' + i;
-            }
-            else {
-                round = toString_1;
-            }
-            result.push({
-                ProductID: 'PRO-' + round,
-                Year: "FY " + (dt + 2013),
-                Price: Math.round(Math.random() * 5000) + 5000,
-                Sold: Math.round(Math.random() * 80) + 10,
-            });
-            if (dt / 4 == 1)
-                dt = 0;
+        .e-PivotFieldList .e-static {
+            width: 100% !important;
         }
-        return result;
-    };
+</style>
+<script>
     var pivotObj; var fieldListObj;
     function onGridEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
@@ -93,6 +62,6 @@
         //Generating page settings based on pivot table component’s size.
         pivotObj.updatePageSettings(true);
         //Assigning page settings to field list component.
-        fieldListObj.pageSettings =  pivotObj.pageSettings;
-    }   
+        fieldListObj.pageSettings = pivotObj.pageSettings;
+    }
 </script>

ej2-asp-core-mvc/code-snippet/pivot-table/field-list/static-fieldlist-virtualization/virtualization.cs

@@ -1,4 +1,35 @@
 public ActionResult Index()
 {
     return View();
+}
+
+public class PivotData
+{
+    public string ProductID { get; set; }
+    public string Year { get; set; }
+    public double Sold { get; set; }
+    public double Price { get; set; }
+
+    public static List<PivotData> GetPivotData(int count)
+    { 
+        var result = new List<PivotData>();
+        int dt = 0;
+
+        for (int i = 1; i <= count; i++)
+        {
+            dt++;
+            string round = i.ToString().PadLeft(5, '0');
+            result.Add(new PivotData
+            {
+                ProductID = "PRO-" + round,
+                Year = "FY " + (dt + 2013),
+                Price = new Random(Guid.NewGuid().GetHashCode()).Next(5000, 10001),
+                Sold = new Random(Guid.NewGuid().GetHashCode()).Next(10, 91),
+            });
+
+            if (dt / 4 == 1)
+                dt = 0;
+        }
+        return result;
+    }
 }

ej2-asp-core-mvc/code-snippet/pivot-table/field-list/static/razor

@@ -27,14 +27,14 @@
     var pivotObj; var fieldlistObj;
     function onGridEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         if (fieldlistObj) {
             fieldlistObj.update(pivotObj);
         }
     }
     function onFieldListEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         fieldlistObj.updateView(pivotObj);
     }
 </script>

ej2-asp-core-mvc/code-snippet/pivot-table/field-list/static/tagHelper

@@ -30,14 +30,14 @@
     var pivotObj; var fieldlistObj;
     function onGridEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         if (fieldlistObj) {
             fieldlistObj.update(pivotObj);
         }
     }
     function onFieldListEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         fieldlistObj.updateView(pivotObj);
     }
 </script>

ej2-asp-core-mvc/code-snippet/pivot-table/filtering/label-filtering/filtering-ui/razor

@@ -8,4 +8,4 @@
 }).Values(values =>
 {
     values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
-})).Render()
+})).ShowFieldList(true).ShowGroupingBar(true).Render()

ej2-asp-core-mvc/code-snippet/pivot-table/filtering/max-node/razor

@@ -8,4 +8,4 @@
 }).Values(values =>
 {
     values.Name("Sold").Caption("Units Sold").Add(); 
-})).MaxNodeLimitInMemberEditor(500).ShowGroupingBar(true).Render()
+})).MaxNodeLimitInMemberEditor(500).ShowGroupingBar(true).ShowFieldList(true).Render()

ej2-asp-core-mvc/code-snippet/pivot-table/filtering/value-filtering-ui/razor

@@ -8,4 +8,4 @@
 }).Values(values =>
 {
     values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
-})).Render()
+})).ShowFieldList(true).Render()