Latest Release V19.4.38 Changes Updated

Controllers/Breadcrumb/AddressBarController.cs

@@ -29,6 +29,12 @@ public ActionResult AddressBarItemTemplatePartial(BreadcrumbItemModel value)
  }
  };
  ViewBag.menuItems = menuItems;
+ return PartialView("_AddressBarItemTemplatePartial", id);
+ }
+
+ public ActionResult AddressBarSeparatorTemplatePartial(BreadcrumbItemModel value)
+ {
+ string id = value.Text != null ? value.Text.Split(' ')[0].Split('.')[0] : "Home";
  List<MenuItem> parentMenuItems = new List<MenuItem>() {
  new MenuItem { Items = new List<MenuItem>() }
  };
@@ -42,7 +48,7 @@ public ActionResult AddressBarItemTemplatePartial(BreadcrumbItemModel value)
  }
  }
  ViewBag.subMenuItems = parentMenuItems;
- return PartialView("_AddressBarItemTemplatePartial", id);
+ return PartialView("_AddressBarSeparatorTemplatePartial", id);
  }
 
  private List<AddressBarItemModel> getItems(string text, bool needParent, List<BreadcrumbItemModel> breadcrumbItems)
@@ -77,6 +83,10 @@ private List<AddressBarItemModel> getItems(string text, bool needParent, List<Br
  {
  mItems = mItems[j].Items;
  j = 0;
+ if (mItems == null)
+ {
+ isBreaked = true;
+ }
  }
  break;
  }

Controllers/Breadcrumb/OverFlowModesController.cs

@@ -0,0 +1,18 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Web;
+using System.Web.Mvc;
+using Syncfusion.EJ2.Navigations;
+
+namespace EJ2MVCSampleBrowser.Controllers.Breadcrumb
+{
+ public partial class BreadcrumbController : Controller
+ {
+ public ActionResult OverFlowModes()
+ {
+ return View();
+ }
+ }
+
+}

Controllers/Chart/GroupedColumnController.cs

@@ -0,0 +1,35 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Web;
+using System.Web.Mvc;
+using Syncfusion.EJ2.Charts;
+
+namespace EJ2MVCSampleBrowser.Controllers.Chart
+{
+ public partial class ChartController : Controller
+ {
+ // GET: Trendlines
+ public ActionResult GroupedColumn()
+ {
+ List<GroupedColumnData> chartData = new List<GroupedColumnData>
+ {
+ new GroupedColumnData { x = 2012, y = 104, y1 = 46, y2 = 65, y3 = 29, y4 = 91, y5 = 38 },
+ new GroupedColumnData { x = 2016, y = 121, y1 = 46, y2 = 67, y3 = 27, y4 = 70, y5 = 26 },
+ new GroupedColumnData { x = 2020, y = 113, y1 = 39, y2 = 65, y3 = 22, y4 = 88, y5 = 38 }
+ };
+ ViewBag.data = chartData;
+ return View();
+ }
+ public class GroupedColumnData
+ {
+ public double x;
+ public double y;
+ public double y1;
+ public double y2;
+ public double y3;
+ public double y4;
+ public double y5;
+ }
+ }
+}

Controllers/Chart/RTLController.cs

@@ -0,0 +1,33 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Web;
+using System.Web.Mvc;
+using Syncfusion.EJ2.Charts;
+
+namespace EJ2MVCSampleBrowser.Controllers.Chart
+{
+ public partial class ChartController : Controller
+ {
+ // GET: Trendlines
+ public ActionResult RTL()
+ {
+ List<RTLData> chartData = new List<RTLData>
+ {
+ new RTLData { x = 2016, y = 1000, y1 = 400, y2 = 600 },
+ new RTLData { x = 2017, y = 970, y1 = 360, y2 = 610 },
+ new RTLData { x = 2018, y = 1060, y1 = 920, y2 = 140 },
+ new RTLData { x = 2019, y = 1030, y1 = 540, y2 = 490 }
+ };
+ ViewBag.data = chartData;
+ return View();
+ }
+ public class RTLData
+ {
+ public double x;
+ public double y;
+ public double y1;
+ public double y2;
+ }
+ }
+}

Controllers/CircularGauge/AppleWatchRingsController.cs

@@ -29,7 +29,7 @@ public ActionResult AppleWatchRings()
  range1.Radius = "90%";
  range1.StartWidth = "40";
  range1.EndWidth = "40";
- range1.Color = "#E30219";
+ range1.Color = "#fa114f";
  range1.Opacity = 0.2;
  ranges.Add(range1);
 
@@ -39,7 +39,7 @@ public ActionResult AppleWatchRings()
  range2.Radius = "68%";
  range2.StartWidth = "40";
  range2.EndWidth = "40";
- range2.Color = "#3EDE00";
+ range2.Color = "#99ff01";
  range2.Opacity = 0.2;
  ranges.Add(range2);
 
@@ -49,7 +49,7 @@ public ActionResult AppleWatchRings()
  range3.Radius = "46%";
  range3.StartWidth = "40";
  range3.EndWidth = "40";
- range3.Color = "#18F8F6";
+ range3.Color = "#00d8fe";
  range3.Opacity = 0.2;
  ranges.Add(range3);
  ViewBag.Ranges = ranges;
@@ -60,7 +60,7 @@ public ActionResult AppleWatchRings()
  pointer1.Value = 65;
  pointer1.Type = PointerType.RangeBar;
  pointer1.Radius = "90%";
- pointer1.Color = "#E2011A";
+ pointer1.Color = "#fa114f";
  pointer1.Animation = new CircularGaugeAnimation { Enable = true };
  pointer1.PointerWidth = 40;
  pointers.Add(pointer1);
@@ -70,7 +70,7 @@ public ActionResult AppleWatchRings()
  pointer2.Value = 43;
  pointer2.Type = PointerType.RangeBar;
  pointer2.Radius = "68%";
- pointer2.Color = "#3FE000";
+ pointer2.Color = "#99ff01";
  pointer2.Animation = new CircularGaugeAnimation { Enable = true };
  pointer2.PointerWidth = 40;
  pointers.Add(pointer2);
@@ -80,7 +80,7 @@ public ActionResult AppleWatchRings()
  pointer3.Value = 58;
  pointer3.Type = PointerType.RangeBar;
  pointer3.Radius = "46%";
- pointer3.Color = "#00C9E6";
+ pointer3.Color = "#00d8fe";
  pointer3.Animation = new CircularGaugeAnimation { Enable = true };
  pointer3.PointerWidth = 40;
  pointers.Add(pointer3);

Controllers/PivotTable/SummaryCustomizationController.cs

@@ -15,7 +15,7 @@ public partial class PivotTableController : Controller
  public ActionResult SummaryCustomization()
  {
  ViewBag.data = new PivotTableData().GetPivot_Data();
- ViewBag.drilledMembers = new string[] { "France" };
+ ViewBag.drilledMembers = new string[] { "France", "Germany" };
  ViewBag.filterMembers = new string[] { "Gloves", "Helmets", "Shorts", "Vests" };
  return View();
  }

Controllers/RichTextEditor/OnlineEditorController.cs

@@ -0,0 +1,104 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using System.Web.Mvc;
+using EJ2MVCSampleBrowser.Models;
+
+namespace EJ2MVCSampleBrowser.Controllers
+{
+ public partial class RichTextEditorController : Controller
+ {
+ public ActionResult OnlineEditor()
+ {
+ ViewBag.Tools = new[] { "Bold", "Italic", "Underline", "StrikeThrough",
+ "FontName", "FontSize", "FontColor", "BackgroundColor",
+ "LowerCase", "UpperCase", "SuperScript", "SubScript", "|",
+ "Formats", "Alignments", "NumberFormatList", "BulletFormatList",
+ "Outdent", "Indent", "|",
+ "CreateTable", "CreateLink", "Image", "FileManager", "|", "ClearFormat", "Print",
+ "SourceCode", "FullScreen", "|", "Undo", "Redo" };
+ ViewBag.Value = @"
+<p>
+ The Rich Text Editor is a WYSIWYG (what you see is what you get) editor used to create and edit
+ the content and return the valid HTML markup or markdown of the content.
+ This provides a lot of commands to edit and format the content.
+</p>
+<p><b>Toolbar</b></p>
+<p>
+ The editor’s toolbar provides various commands to align the text, format, insert a link, image,
+ list, undo/redo operations, HTML view, and more. The toolbar comes with different modes such as
+ floating, multi-row, and expanded.
+</p>
+<p><b>Links</b></p>
+<p>
+ Create a hyperlink using the 'insert link' dialog and you can edit the hyperlink text, display text,
+ and tooltip using the 'edit link' dialog and quick toolbar. If the text has valid hyperlink text,
+ the editor converts it to hyperlink automatically. For example, link to Rich Text Editor.
+</p>
+<p><b>Table</b></p>
+<p>
+ This editor allows you to insert a table with options to add, edit, and remove and perform other
+ table-related actions.
+</p>
+<p>For example</p>
+<table>
+ <tbody>
+ <tr>
+ <th>Employee name</th>
+ <th>Role</th>
+ <th>Mail</th>
+ <th>Country</th>
+ </tr>
+ <tr>
+ <td>Janet Fleet</td>
+ <td>Manager</td>
+ <td>janet95@arpy.com</td>
+ <td>France</td>
+ </tr>
+ <tr>
+ <td>Nancy Buchanan</td>
+ <td>Project Lead</td>
+ <td>nancy55@rpy.com</td>
+ <td>Sweden</td>
+ </tr>
+ <tr>
+ <td>Rose Rose</td>
+ <td>Project Lead</td>
+ <td>rose44@sample.com</td>
+ <td>France</td>
+ </tr>
+ </tbody>
+</table>
+<p><b>Image</b></p>
+<p>
+ Allows you to insert images with caption, alt text, link, resize, and drag-and-drop from an
+ online source and local computer. You can upload an image to the server and insert it into the editor.
+ It provides an option to customize a quick toolbar for an image.
+</p>
+<p>For example</p>
+<img id='rteImageID' style='height:300px;transform: rotate(0deg);' alt='Logo'
+ src='https://ej2.syncfusion.com/aspnetmvc/Content/images/RichTextEditor/RTEImage-Feather.png' />
+<p><b>Lists</b></p>
+<p>You can include content with ordered and unordered lists.</p>
+<p>Examples for an ordered list:</p>
+<ul>
+ <li>TypeScript</li>
+ <li>Javascript</li>
+ <li>Angular</li>
+ <li>React</li>
+ <li>Vue</li>
+</ul>
+<p>Examples for an unordered list:</p>
+<ol>
+ <li>Rich Text Editor</li>
+ <li>Toolbar</li>
+ <li>Button</li>
+ <li>Dialog</li>
+ <li>Data Grid</li>
+</ol>
+<p>The editor has a lot of features to edit HTML content and Markdown content in web applications.</p>";
+ return View();
+ }
+ }
+}

Controllers/RichTextEditor/OnlineHtmlEditorController.cs

@@ -0,0 +1,17 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using System.Web.Mvc;
+using EJ2MVCSampleBrowser.Models;
+
+namespace EJ2MVCSampleBrowser.Controllers
+{
+ public partial class RichTextEditorController : Controller
+ {
+ public ActionResult OnlineHtmlEditor()
+ {
+ return View();
+ }
+ }
+}

Controllers/Schedule/CustomMonthViewController.cs

@@ -0,0 +1,68 @@
+using System;
+using System.Collections.Generic;
+using System.Web.Mvc;
+
+namespace EJ2MVCSampleBrowser.Controllers.Schedule
+{
+ public partial class ScheduleController : Controller
+ {
+ public ActionResult CustomMonthView()
+ {
+ ViewBag.appointments = this.generateObject();
+ return View();
+ }
+
+ private List<CustomMonthData> generateObject()
+ {
+ DateTime startDate = new DateTime(2021, 12, 19);
+ DateTime endDate = new DateTime(2022, 3, 12);
+ List<CustomMonthData> dataCollections = new List<CustomMonthData>(360);
+ var names = new string[] {
+ "Story Time for Kids", "Camping with Turtles", "Wildlife Warriors", "Parrot Talk", "Birds of Prey", "Croco World",
+ "Venomous Snake Hunt", "Face Painting & Drawing events", "Pony Rides", "Feed the Giants", "Jungle Treasure Hunt",
+ "Endangered Species Program", "Black Cockatoos Playtime", "Walk with Jungle King", "Trained Climbers", "Playtime with Chimpanzees",
+ "Meet a small Mammal", "Amazon Fish Feeding", "Elephant Ride"};
+ Random random = new Random();
+ int id = 1;
+ for (DateTime start = startDate; start < endDate;)
+ {
+ int count = random.Next(1, 3);
+ for (int b = 0; b < count; b++)
+ {
+ int hour = random.Next(1, 23);
+ int minutes = random.Next(0, 60);
+ int nCount = random.Next(0, names.Length - 1);
+ DateTime eventStart = new DateTime(start.Year, start.Month, start.Day, hour, minutes, 0);
+ DateTime eventEnd = eventStart.AddHours(2.5);
+
+ DayOfWeek[] weekEnd = new DayOfWeek[] { DayOfWeek.Saturday, DayOfWeek.Sunday };
+ if ((Array.IndexOf(weekEnd, eventStart.DayOfWeek) > -1) || Array.IndexOf(weekEnd, eventEnd.DayOfWeek) > -1)
+ {
+ continue;
+ }
+
+ dataCollections.Add(new CustomMonthData
+ {
+ Id = id,
+ Subject = names[nCount],
+ StartTime = eventStart,
+ EndTime = eventEnd,
+ IsAllDay = (id % 10 == 0) ? true : false
+ });
+ id++;
+ }
+ start = start.AddDays(1);
+ }
+ return dataCollections;
+ }
+
+ internal class CustomMonthData
+ {
+ public int Id { get; set; }
+ public string Subject { get; set; }
+ public DateTime StartTime { get; set; }
+ public DateTime EndTime { get; set; }
+ public bool IsAllDay { get; set; }
+ }
+ }
+}

Controllers/Schedule/OverviewController.cs

@@ -154,7 +154,7 @@ private List<AppointmentData> GenerateEvents()
  DateTime YearEnd = new DateTime(DateTime.Now.Year, 12, 31);
  string[] EventSubjects = new string[] {
  "Bering Sea Gold", "Technology", "Maintenance", "Meeting", "Travelling", "Annual Conference", "Birthday Celebration", "Farewell Celebration",
- "Wedding Aniversary", "Alaska: The Last Frontier", "Deadest Catch", "Sports Day", "MoonShiners", "Close Encounters", "HighWay Thru Hell",
+ "Wedding Anniversary", "Alaska: The Last Frontier", "Deadliest Catch", "Sports Day", "MoonShiners", "Close Encounters", "HighWay Thru Hell",
  "Daily Planet", "Cash Cab", "Basketball Practice", "Rugby Match", "Guitar Class", "Music Lessons", "Doctor checkup", "Brazil - Mexico",
  "Opening ceremony", "Final presentation"
  };