From 050455eb1d5057d233600f6f0f6aa6a40bb2fc58 Mon Sep 17 00:00:00 2001 From: kmuthukumar3032 Date: Wed, 19 Jun 2019 19:49:25 +0530 Subject: [PATCH 01/32] config(EJ2-000): commit for resolving the compilation issues in github blazor samples --- .../Button/DefaultFunctionalities.razor | 2 +- .../Pages/Buttons/Button/DropDownButton.razor | 2 +- .../Pages/Buttons/Button/ProgressButton.razor | 4 +- .../Pages/Buttons/Button/SplitButton.razor | 2 +- .../Chips/DefaultFunctionalities.razor | 2 +- .../Pages/Calendars/Calendar/DateRange.razor | 2 +- .../Calendars/Calendar/MultiSelection.razor | 2 +- .../Calendars/DatePicker/DateRange.razor | 2 +- .../Pages/Calendars/DatePicker/Format.razor | 2 +- .../Calendars/DateRangePicker/DateRange.razor | 2 +- .../Calendars/DateRangePicker/Format.razor | 2 +- .../DateTimePicker/DateTimeRange.razor | 2 +- .../Calendars/DateTimePicker/Format.razor | 2 +- .../Pages/Calendars/TimePicker/Format.razor | 2 +- .../Pages/Charts/Chart/Bar.razor | 2 +- .../Charts/Chart/DefaultFunctionalities.razor | 2 +- .../Pages/Charts/Chart/Pie.razor | 2 +- .../Pages/Charts/Chart/Polar.razor | 2 +- .../Pages/Charts/Chart/Trackball.razor | 2 +- .../Charts/RangeNavigator/LightWeight.razor | 2 +- .../RangeNavigator/RangeNavigator.razor | 21 +- .../Charts/SmithChart/Customization.razor | 40 +-- .../SmithChart/DefaultFunctionalities.razor | 24 +- .../Sparkline/DefaultFunctionalities.razor | 2 +- .../Pages/Charts/Sparkline/SeriesType.razor | 2 +- .../Charts/StockChart/HideSelector.razor | 20 +- .../Pages/Charts/StockChart/StockChart.razor | 24 +- .../CircularGauge/CircularGauge/Compass.razor | 30 +-- .../CircularGauge/Customization.razor | 2 +- .../DefaultFunctionalities.razor | 22 +- .../CircularGauge/PointerImage.razor | 2 +- .../CircularGauge/CircularGauge/Tooltip.razor | 2 +- .../CircularGauge/CircularGauge/labels.razor | 2 +- .../Diagram/DefaultFunctionalities.razor | 218 ++++++++-------- .../Diagrams/Diagram/HierarchicalModel.razor | 112 ++++++--- .../Diagrams/Diagram/OrganizationModel.razor | 32 +-- .../Pages/Diagrams/Diagram/Shapes.razor | 156 ++++++------ .../DocumentEditor/BulletsAndNumbering.razor | 4 +- .../DocumentEditor/CharacterFormat.razor | 4 +- .../DefaultFunctionalities.razor | 4 +- .../DocumentEditor/HeadersAndFooters.razor | 4 +- .../HyperlinksAndBookmarks.razor | 4 +- .../DocumentEditor/ParagraphFormat.razor | 4 +- .../DocumentEditor/SectionFormat.razor | 4 +- .../DocumentEditor/Styles.razor | 4 +- .../DocumentEditor/TableFormat.razor | 4 +- .../DocumentEditor/TableOfContents.razor | 4 +- .../DropDowns/AutoComplete/DataBinding.razor | 4 +- .../AutoComplete/DefaultFunctionalities.razor | 2 +- .../DropDowns/ComboBox/DataBinding.razor | 2 +- .../ComboBox/DefaultFunctionalities.razor | 2 +- .../Pages/DropDowns/ComboBox/Filtering.razor | 2 +- .../DropDowns/DropDownList/DataBinding.razor | 2 +- .../DropDownList/DefaultFunctionalities.razor | 2 +- .../DropDowns/DropDownList/Filtering.razor | 2 +- .../ListBox/DefaultFunctionalities.razor | 2 +- .../DropDowns/MultiSelect/DataBinding.razor | 2 +- .../MultiSelect/DefaultFunctionalities.razor | 2 +- .../DropDowns/MultiSelect/Filtering.razor | 2 +- .../InPlaceEditor/DropDownComponents.razor | 2 +- .../Editors/InPlaceEditor/Overview.razor | 2 +- .../QueryBuilder/DefaultFunctionalities.razor | 2 +- .../Pages/Gantt/Gantt/Baseline.razor | 4 +- .../Gantt/Gantt/DefaultFunctionalities.razor | 4 +- .../Pages/Gantt/Gantt/Editing.razor | 4 +- .../Grid/DataGrid/CheckboxSelection.razor | 2 +- .../DataGrid/DefaultFunctionalities.razor | 2 +- .../Pages/Grid/DataGrid/Filtering.razor | 2 +- .../Pages/Grid/DataGrid/InlineEditing.razor | 2 +- .../Pages/Grid/DataGrid/Sorting.razor | 8 +- .../Pages/Grids/TreeGrid/CheckboxColumn.razor | 4 +- .../Grids/TreeGrid/DefaultFiltering.razor | 2 +- .../TreeGrid/DefaultFunctionalities.razor | 2 +- .../Pages/Grids/TreeGrid/Editing.razor | 2 +- .../HeatMapChart/DefaultFunctionalities.razor | 4 +- .../HeatMapChart/Emptypoints.razor | 5 +- .../Pages/Inputs/Slider/Default.razor | 2 +- .../Pages/Inputs/Slider/Ticks.razor | 2 +- .../TextBox/DefaultFunctionalities.razor | 2 +- .../Pages/Inputs/Uploader/ChunkUpload.razor | 2 +- .../Uploader/DefaultFunctionalities.razor | 2 +- .../Inputs/Uploader/FileValidation.razor | 2 +- .../Dialog/DefaultFunctionalities.razor | 6 +- .../Pages/Layout/Dialog/Draggable.razor | 6 +- .../Pages/Layout/Dialog/Resizable.razor | 6 +- .../Listview/DefaultFunctionalities.razor | 2 +- .../LinearGauge/LinearGauge/Container.razor | 2 +- .../LinearGauge/DefaultFunctionalities.razor | 18 +- .../Pages/Maps/Maps/Bubble.razor | 12 +- .../Maps/Maps/DefaultFunctionalities.razor | 16 +- .../Pages/Maps/Maps/Multilayer.razor | 32 +-- .../Pages/Maps/Maps/Projection.razor | 18 +- .../Pages/Maps/Maps/Tooltip.razor | 18 +- .../Pages/Maps/Maps/marker.razor | 12 +- .../Pages/Maps/Maps/openStreetMap.razor | 12 +- .../Accordion/DefaultFunctionalities.razor | 2 +- .../Pages/Navigations/Accordion/Icons.razor | 2 +- .../ContextMenu/DefaultFunctionalities.razor | 2 +- .../Navigations/MenuBar/DataBinding.razor | 2 +- .../MenuBar/DefaultFunctionalities.razor | 2 +- .../Pages/Navigations/Sidebar/Default.razor | 10 +- .../Navigations/Sidebar/ResponsivePanel.razor | 8 +- .../Navigations/Sidebar/SidebarAPI.razor | 24 +- .../Navigations/Sidebar/SidebarDock.razor | 6 +- .../Navigations/Sidebar/SidebarList.razor | 12 +- .../Navigations/Sidebar/SidebarMenu.razor | 6 +- .../Tab/DefaultFunctionalities.razor | 2 +- .../Toolbar/DefaultFunctionalities.razor | 2 +- .../Pages/Navigations/Toolbar/Popup.razor | 2 +- .../Pages/Navigations/TreeView/CheckBox.razor | 2 +- .../TreeView/DefaultFunctionalities.razor | 2 +- .../Toast/DefaultFunctionalities.razor | 8 +- .../PivotTable/AdvanceFiltering.razor | 2 +- .../Pages/PivotView/PivotTable/Chart.razor | 2 +- .../PivotTable/DefaultFunctionalities.razor | 2 +- .../Pages/PivotView/PivotTable/Editing.razor | 2 +- .../PivotTable/UserInteraction.razor | 2 +- .../Pages/Popups/Tooltip/Default.razor | 4 +- .../Pages/Popups/Tooltip/HtmlTemplate.razor | 2 +- .../DefaultFunctionalities.razor | 2 +- .../Iframe-Functionalities.razor | 2 +- .../RichTextEditor/Inline.razor | 2 +- .../RichTextEditor/Markdown-Overview.razor | 2 +- .../Pages/Schedule/Schedule/Agenda.razor | 2 +- .../Pages/Schedule/Schedule/Default.razor | 2 +- .../Pages/Schedule/Schedule/Group.razor | 14 +- .../Pages/Schedule/Schedule/Timeline.razor | 2 +- .../Schedule/TimelineResourceGroup.razor | 71 +++--- .../Pages/TreeMap/TreeMap/ColorMapping.razor | 2 +- .../Pages/TreeMap/TreeMap/Customization.razor | 2 +- .../TreeMap/DefaultFunctionalities.razor | 8 +- .../Pages/TreeMap/TreeMap/Legend.razor | 2 +- .../Pages/TreeMap/TreeMap/Tooltip.razor | 2 +- .../Pages/TreeMap/TreeMap/TreeMapLabel.razor | 2 +- .../Pages/TreeMap/TreeMap/layerData.razor | 2 +- .../Pages/TreeMap/TreeMap/print.razor | 2 +- .../Pages/TreeMap/TreeMap/selection.razor | 8 +- .../Pages/TreeMap/TreeMap/test.razor | 2 +- .../Viewer/PdfViewer/CustomToolbar.razor | 2 +- .../PdfViewer/DefaultFunctionalities.razor | 2 +- .../Pages/Viewer/PdfViewer/RightToLeft.razor | 2 +- ej2-blazor-samples/Program.cs | 9 +- ej2-blazor-samples/Shared/MainLayout.razor | 233 +++++++++--------- ej2-blazor-samples/Shared/NavMenu.razor | 10 +- ej2-blazor-samples/Shared/SurveyPrompt.razor | 2 +- ej2-blazor-samples/ej2-blazor-samples.csproj | 10 +- ej2-blazor-samples/wwwroot/index.html | 2 +- ej2-blazor-samples/wwwroot/scripts/ej2.min.js | 11 +- .../wwwroot/scripts/ejs.introp.js | 75 ++++++ .../wwwroot/scripts/highlight-cshtml-razor.js | 4 +- .../styles/images/treegrid/__Critical.png | 2 +- 151 files changed, 878 insertions(+), 771 deletions(-) create mode 100644 ej2-blazor-samples/wwwroot/scripts/ejs.introp.js diff --git a/ej2-blazor-samples/Pages/Buttons/Button/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Buttons/Button/DefaultFunctionalities.razor index ff2b80610..730f82634 100644 --- a/ej2-blazor-samples/Pages/Buttons/Button/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Buttons/Button/DefaultFunctionalities.razor @@ -149,7 +149,7 @@ } -@functions{ +@code{ EjsButton togglebtn; private void onToggleClick() { diff --git a/ej2-blazor-samples/Pages/Buttons/Button/DropDownButton.razor b/ej2-blazor-samples/Pages/Buttons/Button/DropDownButton.razor index bfcac3389..7b3ed1899 100644 --- a/ej2-blazor-samples/Pages/Buttons/Button/DropDownButton.razor +++ b/ej2-blazor-samples/Pages/Buttons/Button/DropDownButton.razor @@ -156,7 +156,7 @@ } -@functions{ +@code{ public List items { get; set; } = new List { diff --git a/ej2-blazor-samples/Pages/Buttons/Button/ProgressButton.razor b/ej2-blazor-samples/Pages/Buttons/Button/ProgressButton.razor index 22e86d354..3011c8b89 100644 --- a/ej2-blazor-samples/Pages/Buttons/Button/ProgressButton.razor +++ b/ej2-blazor-samples/Pages/Buttons/Button/ProgressButton.razor @@ -73,7 +73,7 @@
+ End="@contractEnd" @ref="contractBtn">
@@ -181,7 +181,7 @@ } -@functions{ +@code{ EjsProgressButton contractBtn; object spinRight = new { position = "Right" }; diff --git a/ej2-blazor-samples/Pages/Buttons/Button/SplitButton.razor b/ej2-blazor-samples/Pages/Buttons/Button/SplitButton.razor index b2f8368e1..ea74438e6 100644 --- a/ej2-blazor-samples/Pages/Buttons/Button/SplitButton.razor +++ b/ej2-blazor-samples/Pages/Buttons/Button/SplitButton.razor @@ -120,7 +120,7 @@ } -@functions{ +@code{ public List items { get; set; } = new List { new { text = "Paste", iconCss = "e-btn-icons e-paste" }, diff --git a/ej2-blazor-samples/Pages/Buttons/Chips/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Buttons/Chips/DefaultFunctionalities.razor index 281df3e6a..15eb38840 100644 --- a/ej2-blazor-samples/Pages/Buttons/Chips/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Buttons/Chips/DefaultFunctionalities.razor @@ -83,7 +83,7 @@ -@functions{ +@code{ int[] choiceSelected = {1}; int[] filterSelected = {1,3}; } diff --git a/ej2-blazor-samples/Pages/Calendars/Calendar/DateRange.razor b/ej2-blazor-samples/Pages/Calendars/Calendar/DateRange.razor index a1e461a03..40aefd04c 100644 --- a/ej2-blazor-samples/Pages/Calendars/Calendar/DateRange.razor +++ b/ej2-blazor-samples/Pages/Calendars/Calendar/DateRange.razor @@ -41,7 +41,7 @@ } -@functions{ +@code{ public DateTime minDate { get; set; } = new DateTime(DateTime.Now.Year, DateTime.Now.Month, 05); public DateTime maxDate { get; set; } = new DateTime(DateTime.Now.Year, DateTime.Now.Month, 27); } \ No newline at end of file diff --git a/ej2-blazor-samples/Pages/Calendars/Calendar/MultiSelection.razor b/ej2-blazor-samples/Pages/Calendars/Calendar/MultiSelection.razor index 26f4aeeb7..a26bfa685 100644 --- a/ej2-blazor-samples/Pages/Calendars/Calendar/MultiSelection.razor +++ b/ej2-blazor-samples/Pages/Calendars/Calendar/MultiSelection.razor @@ -35,7 +35,7 @@ } -@functions { +@code { public bool multiSelection { get; set; } = true; public DateTime[] multiValue = new DateTime[] { new DateTime(DateTime.Now.Year, DateTime.Now.Month, 10), new DateTime(DateTime.Now.Year, DateTime.Now.Month, 15), new DateTime(DateTime.Now.Year, DateTime.Now.Month, 25) }; } \ No newline at end of file diff --git a/ej2-blazor-samples/Pages/Calendars/DatePicker/DateRange.razor b/ej2-blazor-samples/Pages/Calendars/DatePicker/DateRange.razor index dee87714a..80fdf0994 100644 --- a/ej2-blazor-samples/Pages/Calendars/DatePicker/DateRange.razor +++ b/ej2-blazor-samples/Pages/Calendars/DatePicker/DateRange.razor @@ -43,7 +43,7 @@ } -@functions{ +@code{ public DateTime value { get; set; } = new DateTime(DateTime.Now.Year, DateTime.Now.Month, 10); public DateTime minDate { get; set; } = new DateTime(DateTime.Now.Year, DateTime.Now.Month, 05); public DateTime maxDate { get; set; } = new DateTime(DateTime.Now.Year, DateTime.Now.Month, 27); diff --git a/ej2-blazor-samples/Pages/Calendars/DatePicker/Format.razor b/ej2-blazor-samples/Pages/Calendars/DatePicker/Format.razor index 7e3dd9035..3bbca5ad0 100644 --- a/ej2-blazor-samples/Pages/Calendars/DatePicker/Format.razor +++ b/ej2-blazor-samples/Pages/Calendars/DatePicker/Format.razor @@ -46,6 +46,6 @@ } -@functions{ +@code{ public DateTime value { get; set; } = new DateTime(DateTime.Now.Year, DateTime.Now.Month, 10); } \ No newline at end of file diff --git a/ej2-blazor-samples/Pages/Calendars/DateRangePicker/DateRange.razor b/ej2-blazor-samples/Pages/Calendars/DateRangePicker/DateRange.razor index a6af666a7..7ce77f6b3 100644 --- a/ej2-blazor-samples/Pages/Calendars/DateRangePicker/DateRange.razor +++ b/ej2-blazor-samples/Pages/Calendars/DateRangePicker/DateRange.razor @@ -43,7 +43,7 @@ } -@functions{ +@code{ public DateTime minDate { get; set; } = new DateTime(2017, 01, 05); public DateTime maxDate { get; set; } = new DateTime(2017, 12, 20); } \ No newline at end of file diff --git a/ej2-blazor-samples/Pages/Calendars/DateRangePicker/Format.razor b/ej2-blazor-samples/Pages/Calendars/DateRangePicker/Format.razor index 72b2e7efe..0d3f6fff3 100644 --- a/ej2-blazor-samples/Pages/Calendars/DateRangePicker/Format.razor +++ b/ej2-blazor-samples/Pages/Calendars/DateRangePicker/Format.razor @@ -45,7 +45,7 @@ } -@functions{ +@code{ public DateTime start {get;set;} = DateTime.Now; public DateTime end {get;set;} = DateTime.Now.AddDays(20); } diff --git a/ej2-blazor-samples/Pages/Calendars/DateTimePicker/DateTimeRange.razor b/ej2-blazor-samples/Pages/Calendars/DateTimePicker/DateTimeRange.razor index 488ed9be1..6a3206e24 100644 --- a/ej2-blazor-samples/Pages/Calendars/DateTimePicker/DateTimeRange.razor +++ b/ej2-blazor-samples/Pages/Calendars/DateTimePicker/DateTimeRange.razor @@ -43,7 +43,7 @@ } -@functions{ +@code{ public DateTime value { get; set; } = new DateTime(DateTime.Now.Year, DateTime.Now.Month, 10); public DateTime minDate { get; set; } = new DateTime(DateTime.Now.Year, DateTime.Now.Month, 05); public DateTime maxDate { get; set; } = new DateTime(DateTime.Now.Year, DateTime.Now.Month, 27); diff --git a/ej2-blazor-samples/Pages/Calendars/DateTimePicker/Format.razor b/ej2-blazor-samples/Pages/Calendars/DateTimePicker/Format.razor index 856360f4d..4ca06ea63 100644 --- a/ej2-blazor-samples/Pages/Calendars/DateTimePicker/Format.razor +++ b/ej2-blazor-samples/Pages/Calendars/DateTimePicker/Format.razor @@ -46,6 +46,6 @@ } -@functions{ +@code{ public DateTime value { get; set; } = DateTime.Now; } \ No newline at end of file diff --git a/ej2-blazor-samples/Pages/Calendars/TimePicker/Format.razor b/ej2-blazor-samples/Pages/Calendars/TimePicker/Format.razor index 221daa7be..ceba69c10 100644 --- a/ej2-blazor-samples/Pages/Calendars/TimePicker/Format.razor +++ b/ej2-blazor-samples/Pages/Calendars/TimePicker/Format.razor @@ -65,6 +65,6 @@ } -@functions{ +@code{ public DateTime value {get;set;} = DateTime.Now; } diff --git a/ej2-blazor-samples/Pages/Charts/Chart/Bar.razor b/ej2-blazor-samples/Pages/Charts/Chart/Bar.razor index 6cb2491f7..2c457a3c5 100644 --- a/ej2-blazor-samples/Pages/Charts/Chart/Bar.razor +++ b/ej2-blazor-samples/Pages/Charts/Chart/Bar.razor @@ -44,7 +44,7 @@ -@functions{ +@code{ public class BarChartData { diff --git a/ej2-blazor-samples/Pages/Charts/Chart/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Charts/Chart/DefaultFunctionalities.razor index 7023e51c9..9baa5c37e 100644 --- a/ej2-blazor-samples/Pages/Charts/Chart/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Charts/Chart/DefaultFunctionalities.razor @@ -46,7 +46,7 @@ -@functions{ +@code{ public class LineChartData { diff --git a/ej2-blazor-samples/Pages/Charts/Chart/Pie.razor b/ej2-blazor-samples/Pages/Charts/Chart/Pie.razor index 069f5cd7d..6ad974f61 100644 --- a/ej2-blazor-samples/Pages/Charts/Chart/Pie.razor +++ b/ej2-blazor-samples/Pages/Charts/Chart/Pie.razor @@ -30,7 +30,7 @@ -@functions{ +@code{ diff --git a/ej2-blazor-samples/Pages/Charts/Chart/Polar.razor b/ej2-blazor-samples/Pages/Charts/Chart/Polar.razor index 84e1161e1..1753ff902 100644 --- a/ej2-blazor-samples/Pages/Charts/Chart/Polar.razor +++ b/ej2-blazor-samples/Pages/Charts/Chart/Polar.razor @@ -51,7 +51,7 @@ -@functions{ +@code{ public class PolarWindRoseData { diff --git a/ej2-blazor-samples/Pages/Charts/Chart/Trackball.razor b/ej2-blazor-samples/Pages/Charts/Chart/Trackball.razor index c5e36193f..6895e6cd3 100644 --- a/ej2-blazor-samples/Pages/Charts/Chart/Trackball.razor +++ b/ej2-blazor-samples/Pages/Charts/Chart/Trackball.razor @@ -51,7 +51,7 @@ -@functions{ +@code{ public class TrackballChartData { public DateTime xValue; diff --git a/ej2-blazor-samples/Pages/Charts/RangeNavigator/LightWeight.razor b/ej2-blazor-samples/Pages/Charts/RangeNavigator/LightWeight.razor index 64e5aeed1..fb86d308b 100644 --- a/ej2-blazor-samples/Pages/Charts/RangeNavigator/LightWeight.razor +++ b/ej2-blazor-samples/Pages/Charts/RangeNavigator/LightWeight.razor @@ -33,7 +33,7 @@ -@functions{ +@code{ public Object tooltip = new { enable = true, diff --git a/ej2-blazor-samples/Pages/Charts/RangeNavigator/RangeNavigator.razor b/ej2-blazor-samples/Pages/Charts/RangeNavigator/RangeNavigator.razor index 70a05fdf5..05a539eee 100644 --- a/ej2-blazor-samples/Pages/Charts/RangeNavigator/RangeNavigator.razor +++ b/ej2-blazor-samples/Pages/Charts/RangeNavigator/RangeNavigator.razor @@ -34,13 +34,13 @@ -@functions{ +@code{ - public Object tooltip = new + public object tooltip = new { enable = true, displayMode = "Always" - }; + }; public List data { get; set; } = new List { @@ -59,16 +59,9 @@ public double yValue; public double yValue1; }; - - - - - - - public List series { get; set; } = new List -{ -new { xName = "xValue", type = "Area", yName = "yValue" } - -}; + + public List series { get; set; } = new List() { + new RangeNavigatorSeries() { XName = "xValue", Type = RangeNavigatorType.Area, YName = "yValue"} + }; } diff --git a/ej2-blazor-samples/Pages/Charts/SmithChart/Customization.razor b/ej2-blazor-samples/Pages/Charts/SmithChart/Customization.razor index 98878fd84..2b8e6d1c8 100644 --- a/ej2-blazor-samples/Pages/Charts/SmithChart/Customization.razor +++ b/ej2-blazor-samples/Pages/Charts/SmithChart/Customization.razor @@ -39,7 +39,7 @@ -@functions { +@code { public object horizontalAxis { get; set; } = new { @@ -63,16 +63,16 @@ public object title { get; set; } = new visible = true, font = new { size= "16px" } }; -public List series { get; set; } = new List { -new { -enableAnimation = true, -name= "Transmission1", -enableSmartLabels = false, -fill= "#0F94C4", -width = 2, -tooltip= new{ visible= true }, -marker= new {shape= "rectangle",border= new { width= 2 }, visible= true, dataLabel = new { visible = true } }, -points = new List{ +public List series { get; set; } = new List() { +new SmithchartSeries() { +EnableAnimation = true, +Name= "Transmission1", +EnableSmartLabels = false, +Fill= "#0F94C4", +Width = 2, +Tooltip= new{ visible= true }, +Marker= new {shape= "rectangle",border= new { width= 2 }, visible= true, dataLabel = new { visible = true } }, +Points = new List{ new { resistance= 10, reactance= 25 }, new { resistance= 8, reactance= 6 }, new { resistance= 6, reactance= 4.5 }, @@ -87,15 +87,15 @@ points = new List{ new { resistance= 0.001, reactance= 0.15 }, } }, -new { -enableAnimation = true, -name= "Transmission2", -enableSmartLabels = false, -fill= "#EE0C88", -width = 2, -tooltip= new{ visible= true }, -marker= new {shape= "rectangle",border= new { width= 2 }, visible= true, dataLabel = new { visible = true } }, -points = new List{ +new SmithchartSeries() { +EnableAnimation = true, +Name= "Transmission2", +EnableSmartLabels = false, +Fill= "#EE0C88", +Width = 2, +Tooltip= new{ visible= true }, +Marker= new {shape= "rectangle",border= new { width= 2 }, visible= true, dataLabel = new { visible = true } }, +Points = new List{ new { resistance= 20, reactance= -50 }, new { resistance= 10, reactance= -10 }, new { resistance= 9, reactance= -4.5 }, diff --git a/ej2-blazor-samples/Pages/Charts/SmithChart/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Charts/SmithChart/DefaultFunctionalities.razor index 5dfc7b4de..21fcc5508 100644 --- a/ej2-blazor-samples/Pages/Charts/SmithChart/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Charts/SmithChart/DefaultFunctionalities.razor @@ -62,7 +62,7 @@ -@functions { +@code { // public Enum RenderType { get; set; } = public object title { get; set; } = new { @@ -75,12 +75,12 @@ shape = "Circle" }; - public List points { get; set; } = new List { - new { name= "Transmission1", - enableAnimation = true, - tooltip= new{ visible= true }, - marker= new {shape= "Circle",border= new { width= 2 }, visible= true }, - points = new List{ + public List points { get; set; } = new List() { + new SmithchartSeries() { Name= "Transmission1", + EnableAnimation = true, + Tooltip= new{ visible= true }, + Marker= new {shape= "Circle",border= new { width= 2 }, visible= true }, + Points = new List{ new { resistance= 10, reactance= 25 }, new { resistance= 8, reactance= 6 }, new { resistance= 6, reactance= 4.5 }, new { resistance= 4.5, reactance= 2 }, new { resistance= 3.5, reactance= 1.6 }, new { resistance= 2.5, reactance= 1.3 }, @@ -89,11 +89,11 @@ new { resistance= 0.3, reactance= 0.2 }, new { resistance= 0.001, reactance= 0.15 }, } }, - new { name= "Transmission2", - enableAnimation = true, - tooltip= new{ visible= true }, - marker= new {shape= "Circle",border= new { width= 2 }, visible= true }, - points = new List{ + new SmithchartSeries() { Name= "Transmission2", + EnableAnimation = true, + Tooltip= new{ visible= true }, + Marker= new {shape= "Circle",border= new { width= 2 }, visible= true }, + Points = new List{ new { resistance= 20, reactance= -50 }, new { resistance= 10, reactance= -10 }, new { resistance= 9, reactance= -4.5 }, new { resistance= 8, reactance= -3.5 }, new { resistance= 7, reactance= -2.5 }, new { resistance= 6, reactance= -1.5 }, diff --git a/ej2-blazor-samples/Pages/Charts/Sparkline/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Charts/Sparkline/DefaultFunctionalities.razor index 454a25b66..172d98b72 100644 --- a/ej2-blazor-samples/Pages/Charts/Sparkline/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Charts/Sparkline/DefaultFunctionalities.razor @@ -322,7 +322,7 @@ } -@functions { +@code { public List australia1 { get; set; } = new List { new{ x= 0, xval= "2005", yval= 20090440 }, new{ x= 1, xval= "2006", yval= 20264080 }, diff --git a/ej2-blazor-samples/Pages/Charts/Sparkline/SeriesType.razor b/ej2-blazor-samples/Pages/Charts/Sparkline/SeriesType.razor index 8d1df6983..6e364eaf5 100644 --- a/ej2-blazor-samples/Pages/Charts/Sparkline/SeriesType.razor +++ b/ej2-blazor-samples/Pages/Charts/Sparkline/SeriesType.razor @@ -108,7 +108,7 @@ } -@functions { +@code { public List data1 { get; set; } = new List { new{ x= 1, yval= 5 }, new{ x= 2, yval= 6 }, diff --git a/ej2-blazor-samples/Pages/Charts/StockChart/HideSelector.razor b/ej2-blazor-samples/Pages/Charts/StockChart/HideSelector.razor index 0011863d3..9ff6dbff1 100644 --- a/ej2-blazor-samples/Pages/Charts/StockChart/HideSelector.razor +++ b/ej2-blazor-samples/Pages/Charts/StockChart/HideSelector.razor @@ -33,9 +33,9 @@ -@functions{ +@code{ - public Object xAxis = new + public object xAxis = new { valueType = "DateTime", labelFormat = "y", @@ -46,7 +46,7 @@ - public Object yAxis = new + public object yAxis = new { labelFormat = "{value}M", rangePadding = "None", @@ -94,17 +94,17 @@ - public List seriesData { get; set; } = new List + public List seriesData { get; set; } = new List() { - new { xName = "xValue", type = "Line", yName = "yValue" } + new StockChartSeries() { XName = "xValue", Type = ChartSeriesType.Line, YName = "yValue" } }; - public List periods { get; set; } = new List + public List periods { get; set; } = new List() { - new { intervalType= "Minutes", interval= 1, text= "1m" }, - new { intervalType= "Years", interval= 1, text= "iY" }, - new { intervalType= "Hours", interval= 1, text= "1H" }, - new { intervalType= "Years", interval= 2, text= "2Y", selected= true }, + new StockChartPeriod(){ IntervalType = RangeIntervalType.Minutes, Interval= 1, Text= "1m" }, + new StockChartPeriod() { IntervalType = RangeIntervalType.Years, Interval= 1, Text= "iY" }, + new StockChartPeriod() { IntervalType= RangeIntervalType.Hours, Interval= 1, Text= "1H" }, + new StockChartPeriod() { IntervalType= RangeIntervalType.Years, Interval= 2, Text= "2Y", Selected= true }, }; } diff --git a/ej2-blazor-samples/Pages/Charts/StockChart/StockChart.razor b/ej2-blazor-samples/Pages/Charts/StockChart/StockChart.razor index 320f9e821..dd2c978ef 100644 --- a/ej2-blazor-samples/Pages/Charts/StockChart/StockChart.razor +++ b/ej2-blazor-samples/Pages/Charts/StockChart/StockChart.razor @@ -33,12 +33,12 @@ -@functions{ +@code{ - public Object xAxis = new + public object xAxis = new { valueType = "DateTime", labelFormat = "y", @@ -49,7 +49,7 @@ - public Object yAxis = new + public object yAxis = new { labelFormat = "{value}M", rangePadding = "None", @@ -58,7 +58,7 @@ minorTickLines = new { width = 0.000001 } }; - public Object tooltip = new + public object tooltip = new { enable = false, shared = true @@ -97,17 +97,17 @@ - public List seriesData { get; set; } = new List + public List seriesData { get; set; } = new List() { - new { xName = "xValue", type = "Line", yName = "yValue" } + new StockChartSeries() { XName = "xValue", Type = ChartSeriesType.Line, YName = "yValue" } }; - public List periods { get; set; } = new List + public List periods { get; set; } = new List() { - new { intervalType= "Minutes", interval= 1, text= "1m" }, - new { intervalType= "Years", interval= 1, text= "iY" }, - new { intervalType= "Hours", interval= 1, text= "1H" }, - new { intervalType= "Years", interval= 2, text= "2Y", selected= true }, - }; + new StockChartPeriod(){ IntervalType = RangeIntervalType.Minutes, Interval= 1, Text= "1m" }, + new StockChartPeriod() { IntervalType = RangeIntervalType.Years, Interval= 1, Text= "iY" }, + new StockChartPeriod() { IntervalType= RangeIntervalType.Hours, Interval= 1, Text= "1H" }, + new StockChartPeriod() { IntervalType= RangeIntervalType.Years, Interval= 2, Text= "2Y", Selected= true }, + }; } diff --git a/ej2-blazor-samples/Pages/CircularGauge/CircularGauge/Compass.razor b/ej2-blazor-samples/Pages/CircularGauge/CircularGauge/Compass.razor index 96317666a..cdeecc945 100644 --- a/ej2-blazor-samples/Pages/CircularGauge/CircularGauge/Compass.razor +++ b/ej2-blazor-samples/Pages/CircularGauge/CircularGauge/Compass.razor @@ -28,32 +28,32 @@ @*End:Hidden*@
- +
-@functions { +@code { EjsCircularGauge cgauge; public string[] label { get; set; } = { "N", "NE", "E", "SE", "S", "SW", "W", "NW", "" }; -public List axes { get; set; } = new List +public List axes { get; set; } = new List() { -new +new CircularGaugeAxis() { - radius = "70%", - lineStyle = new { width = 10, color = "#E0E0E0" }, - labelStyle = new { font = new { size = "12px", fontFamily = "Roboto" }, useRangeColor = true, autoAngle = true, hiddenLabel = "Last" }, - majorTicks = new { color = "#9E9E9E", height = 15, interval = 1 }, - minorTicks = new { color = "#9E9E9E", height = 10, interval = 0.5 }, - startAngle = "0", - endAngle = "360", - minimum = 0, - maximum = 8, - ranges = new List + Radius = "70%", + LineStyle = new { width = 10, color = "#E0E0E0" }, + LabelStyle = new { font = new { size = "12px", fontFamily = "Roboto" }, useRangeColor = true, autoAngle = true, hiddenLabel = "Last" }, + MajorTicks = new { color = "#9E9E9E", height = 15, interval = 1 }, + MinorTicks = new { color = "#9E9E9E", height = 10, interval = 0.5 }, + StartAngle = 0, + EndAngle = 360, + Minimum = 0, + Maximum = 8, + Ranges = new List { new { start = 7, end = 7, color = "#f03e3e" } }, - pointers = new List + Pointers = new List { new { diff --git a/ej2-blazor-samples/Pages/CircularGauge/CircularGauge/Customization.razor b/ej2-blazor-samples/Pages/CircularGauge/CircularGauge/Customization.razor index 6d1149358..777a2dcdd 100644 --- a/ej2-blazor-samples/Pages/CircularGauge/CircularGauge/Customization.razor +++ b/ej2-blazor-samples/Pages/CircularGauge/CircularGauge/Customization.razor @@ -37,7 +37,7 @@ -@functions { +@code { public object annotations = new List { new diff --git a/ej2-blazor-samples/Pages/CircularGauge/CircularGauge/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/CircularGauge/CircularGauge/DefaultFunctionalities.razor index d239726cb..99c0a64e7 100644 --- a/ej2-blazor-samples/Pages/CircularGauge/CircularGauge/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/CircularGauge/CircularGauge/DefaultFunctionalities.razor @@ -30,19 +30,19 @@ -@functions { -public List axes { get; set; } = new List +@code { +public List axes { get; set; } = new List() { -new +new CircularGaugeAxis() { - radius = "80%", - startAngle = 230, - endAngle = 130, - majorTicks = new { width = "0px" }, - minorTicks = new { width = "0px" }, - lineStyle = new { width = 8, color = "#E0E0E0" }, - labelStyle = new { font = new { fontFamily = "Roboto", size = "12px", fontWeight = "Regular" }, offset = -5 }, - pointers = new List + Radius = "80%", + StartAngle = 230, + EndAngle = 130, + MajorTicks = new { width = "0px" }, + MinorTicks = new { width = "0px" }, + LineStyle = new { width = 8, color = "#E0E0E0" }, + LabelStyle = new { font = new { fontFamily = "Roboto", size = "12px", fontWeight = "Regular" }, offset = -5 }, + Pointers = new List { new { diff --git a/ej2-blazor-samples/Pages/CircularGauge/CircularGauge/PointerImage.razor b/ej2-blazor-samples/Pages/CircularGauge/CircularGauge/PointerImage.razor index 07f097a08..34ba0cd2d 100644 --- a/ej2-blazor-samples/Pages/CircularGauge/CircularGauge/PointerImage.razor +++ b/ej2-blazor-samples/Pages/CircularGauge/CircularGauge/PointerImage.razor @@ -46,7 +46,7 @@ -@functions { +@code { public object annotations = new List { new { content = "12 M", radius = "108%", angle = 98, zIndex = 1 }, diff --git a/ej2-blazor-samples/Pages/CircularGauge/CircularGauge/Tooltip.razor b/ej2-blazor-samples/Pages/CircularGauge/CircularGauge/Tooltip.razor index 1eb32e444..d5c7c671d 100644 --- a/ej2-blazor-samples/Pages/CircularGauge/CircularGauge/Tooltip.razor +++ b/ej2-blazor-samples/Pages/CircularGauge/CircularGauge/Tooltip.razor @@ -40,7 +40,7 @@ -@functions { +@code { public object lineStyle = new { width = "0" }; public object majorTicks = new { color = "white", offset = -5, height = 12 }; public object minorTicks = new { width = "0" }; diff --git a/ej2-blazor-samples/Pages/CircularGauge/CircularGauge/labels.razor b/ej2-blazor-samples/Pages/CircularGauge/CircularGauge/labels.razor index 3691dc7c6..f4818f0f3 100644 --- a/ej2-blazor-samples/Pages/CircularGauge/CircularGauge/labels.razor +++ b/ej2-blazor-samples/Pages/CircularGauge/CircularGauge/labels.razor @@ -43,7 +43,7 @@ -@functions { +@code { public object annotations = new List { new diff --git a/ej2-blazor-samples/Pages/Diagrams/Diagram/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Diagrams/Diagram/DefaultFunctionalities.razor index c48c0adcf..d3d0bf4b4 100644 --- a/ej2-blazor-samples/Pages/Diagrams/Diagram/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Diagrams/Diagram/DefaultFunctionalities.razor @@ -20,7 +20,7 @@ @"

This example shows how to render the Overview Panel and how to display a preview (overall view) of the entire content of a diagram. This helps you look at the overall picture of a large diagram and also to navigate (pan or zoom) to a - particular position of the page. The sourceID property can be used to map the diagram control with Overview Panel. + particular position of the page. The SourceID property can be used to map the diagram control with Overview Panel.


" }; @@ -30,142 +30,143 @@
-
+
-
- +
+
-
- +
+
- -@functions{ -EjsDiagram diagram; -EjsSymbolPalette palettes; - private static object getFlowShape(string id, string shapeType) { - return new { id= id, shape = new { type = "Flow", shape = shapeType } }; +@code{ + private static object getFlowShape(string id, string shapeType) + { + return new { id = id, shape = new { type = "Flow", shape = shapeType } }; } - private List < object > - nodes { get; set; } = new List < object > - { - new { - id= "NewIdea", height= 60, width = 145, offsetX= 400 - 50, offsetY= 80,style = new { fill= "#357BD2", strokeColor= "white" }, - shape= new { type= "Flow", shape= "Terminator" }, annotations= new List < object > - { new { content= "Place Order" , style= new { color= "white", fill= "transparent" } } } + private List + nodes + { get; set; } = new List() + { + new DiagramNode() { + Id= "NewIdea", Height = 60, Width = 145, OffsetX = 400 - 50, OffsetY = 80,Style = new { fill= "#357BD2", strokeColor= "white" }, + Shape = new { type= "Flow", shape= "Terminator" }, Annotations= new List < object > + { new { content= "Place Order" , style= new { color= "white", fill= "transparent" } } } }, - new { - id= "Meeting", height= 60, width = 145, offsetX= 400 - 50, offsetY= 160,style = new { fill= "#357BD2", strokeColor= "white" }, - shape= new { type= "Flow", shape= "Process" }, annotations= new List < object > - { + new DiagramNode() { + Id= "Meeting", Height = 60, Width = 145, OffsetX = 400 - 50, OffsetY = 160,Style = new { fill= "#357BD2", strokeColor= "white" }, + Shape = new { type= "Flow", shape= "Process" }, Annotations= new List < object > + { new { content= "Start Transaction", style= new { color= "white", fill= "transparent" } } } }, - new { - id= "BoardDecision", height= 60,width = 145, offsetX= 400 - 50, offsetY= 240,style = new { fill= "#357BD2", strokeColor= "white" }, - shape=new { type= "Flow", shape= "Process" }, annotations= new List < object > - { + new DiagramNode() { + Id= "BoardDecision", Height = 60,Width = 145, OffsetX = 400 - 50, OffsetY = 240,Style = new { fill= "#357BD2", strokeColor= "white" }, + Shape =new { type= "Flow", shape= "Process" }, Annotations= new List < object > + { new { content= "Verification" , style= new { color= "white", fill= "transparent" } } } }, - new { - id= "Project", height= 60, width = 145, offsetX= 400 - 50, offsetY= 330,style = new { fill= "#357BD2", strokeColor= "white" }, - shape= new { type= "Flow", shape= "Decision" }, annotations= new List < object > - { + new DiagramNode() { + Id= "Project", Height = 60, Width = 145, OffsetX = 400 - 50, OffsetY = 330,Style = new { fill= "#357BD2", strokeColor= "white" }, + Shape = new { type= "Flow", shape= "Decision" }, Annotations= new List < object > + { new { content= "Credit card valid?", style= new { color= "white", fill= "transparent" } } } }, - new { - id= "End", height= 60, width = 145, offsetX= 400 - 50, offsetY= 430,style = new { fill= "#357BD2", strokeColor= "white" }, - shape=new { type= "Flow", shape= "Decision" }, annotations= new List < object > - { + new DiagramNode() { + Id= "End", Height = 60, Width = 145, OffsetX = 400 - 50, OffsetY = 430,Style = new { fill= "#357BD2", strokeColor= "white" }, + Shape = new { type= "Flow", shape= "Decision" }, Annotations= new List < object > + { new { content= "Funds available?", style= new { color= "white", fill= "transparent" } } } }, - new { - id= "node11", height= 60,width = 145, offsetX= (400 - 50) + 230, offsetY= 330,style = new { fill= "#357BD2", strokeColor= "white" }, - shape=new { type= "Flow", shape= "Process" }, annotations= new List < object > - { + new DiagramNode() { + Id= "node11", Height = 60,Width = 145, OffsetX = (400 - 50) + 230, OffsetY = 330,Style = new { fill= "#357BD2", strokeColor= "white" }, + Shape = new { type= "Flow", shape= "Process" }, Annotations= new List < object > + { new { content= "Enter payment method", style= new { color= "white", fill= "transparent" } } } }, - new { - id= "transaction_entered", width = 145, height= 60, offsetX= (400 - 50), offsetY= 630,style = new { fill= "#357BD2", strokeColor= "white" }, - shape= new{ type= "Flow", shape="Terminator" }, annotations= new List < object > - { + new DiagramNode() { + Id= "transaction_entered", Width = 145, Height = 60, OffsetX = (400 - 50), OffsetY = 630,Style = new { fill= "#357BD2", strokeColor= "white" }, + Shape = new{ type= "Flow", shape="Terminator" }, Annotations= new List < object > + { new { content= "Log transaction", style= new { color= "white", fill= "transparent" } } } }, - new { - id= "node12", height= 60, width = 145, offsetX= (400 - 50) + 180, offsetY= 630,style = new { fill= "#357BD2", strokeColor= "white" }, - shape= new { type= "Flow", shape= "Process" }, annotations= new List < object > - { + new DiagramNode() { + Id= "node12", Height = 60, Width = 145, OffsetX = (400 - 50) + 180, OffsetY = 630,Style = new { fill= "#357BD2", strokeColor= "white" }, + Shape = new { type= "Flow", shape= "Process" }, Annotations= new List < object > + { new { content= "Reconcile the entries", style= new { color= "white", fill= "transparent" } } } }, - new { - id= "transaction_completed", width = 145, height= 60, offsetX= (400 - 50), offsetY= 530,style = new { fill= "#357BD2", strokeColor= "white" }, - shape= new { type= "Flow", shape= "Process" }, annotations= new List < object > - { + new DiagramNode() { + Id= "transaction_completed", Width = 145, Height = 60, OffsetX = (400 - 50), OffsetY = 530,Style = new { fill= "#357BD2", strokeColor= "white" }, + Shape = new { type= "Flow", shape= "Process" }, Annotations= new List < object > + { new { content= "Complete Transaction", style= new { color= "white", fill= "transparent" } } } }, - new { - id= "Data", height= 45, width = 145, offsetX= (400 - 50) - 190, offsetY= 530,style = new { fill= "#357BD2", strokeColor= "white" }, - shape= new { type= "Flow", shape= "Data" }, annotations= new List < object > - { + new DiagramNode() { + Id= "Data", Height = 45, Width = 145, OffsetX = (400 - 50) - 190, OffsetY = 530,Style = new { fill= "#357BD2", strokeColor= "white" }, + Shape = new { type= "Flow", shape= "Data" }, Annotations= new List < object > + { new { content= "Send e-mail", margin= new { left= 25, right= 25 }, style= new { color= "white", fill= "transparent" } } } }, - new { - id= "node10", height= 70, width = 145, offsetX= (400 - 50) + 175, offsetY= 530,style = new { fill= "#357BD2", strokeColor= "white" }, - shape= new { type= "Flow", shape= "DirectData" }, annotations= new List < object > - { + new DiagramNode() { + Id= "node10", Height = 70, Width = 145, OffsetX = (400 - 50) + 175, OffsetY = 530,Style = new { fill= "#357BD2", strokeColor= "white" }, + Shape = new { type= "Flow", shape= "DirectData" }, Annotations= new List < object > + { new { content= "Customer Database", margin= new { left= 25, right= 25 }, style= new { color= "white", fill= "transparent" } } } } }; -private List - connectors { get; set; } = new List - { - new { id= "connector1", sourceID= "NewIdea", targetID= "Meeting" }, - new { id= "connector2", sourceID= "Meeting", targetID= "BoardDecision" }, - new { id= "connector3", sourceID= "BoardDecision", targetID= "Project" }, - new { id= "connector4", sourceID= "Project", - annotations= new List < object > - { new{content= "Yes", style= new { fill= "white" } } }, targetID= "End" + private List + connectors + { get; set; } = new List() + { + new DiagramConnector() { Id= "connector1", SourceID= "NewIdea", TargetID ="Meeting" }, + new DiagramConnector() { Id= "connector2", SourceID= "Meeting", TargetID ="BoardDecision" }, + new DiagramConnector() { Id= "connector3", SourceID= "BoardDecision", TargetID ="Project" }, + new DiagramConnector() { Id= "connector4", SourceID= "Project", + Annotations= new List < object > + { new{content= "Yes", style= new { fill= "white" } } }, TargetID ="End" }, - new { id= "connector5", sourceID= "End", - annotations= new List < object > - { new{ content= "Yes", style= new { fill= "white" } } }, targetID= "transaction_completed" + new DiagramConnector() { Id= "connector5", SourceID= "End", + Annotations= new List < object > + { new{ content= "Yes", style= new { fill= "white" } } }, TargetID ="transaction_completed" }, - new { id= "connector6", sourceID= "transaction_completed", targetID= "transaction_entered" }, - new { id= "connector7", sourceID= "transaction_completed", targetID= "Data" }, - new { id= "connector8", sourceID= "transaction_completed", targetID= "node10" }, - new { id= "connector9", sourceID= "node11", type= "Orthogonal", targetID= "Meeting", segments= new List < object > - { new { direction= "Top", type= "Orthogonal", length= 120 } } + new DiagramConnector() { Id= "connector6", SourceID= "transaction_completed", TargetID ="transaction_entered" }, + new DiagramConnector() { Id= "connector7", SourceID= "transaction_completed", TargetID ="Data" }, + new DiagramConnector() { Id= "connector8", SourceID= "transaction_completed", TargetID ="node10" }, + new DiagramConnector() { Id= "connector9", SourceID= "node11", Type= Segments.Orthogonal, TargetID ="Meeting", Segments= new List < object > + { new { direction= "Top", type= "Orthogonal", length= 120 } } }, - new { - id= "connector10", sourceID= "End", type= "Orthogonal", annotations= new List < object > - { new { content= "No", style= new { fill= "white" } } }, - targetID= "node11", segments= new List < object > - { new{ direction= "Right", type= "Orthogonal", length= 100 } } + new DiagramConnector() { + Id= "connector10", SourceID= "End", Type= Segments.Orthogonal, Annotations= new List < object > + { new { content= "No", style= new { fill= "white" } } }, + TargetID ="node11", Segments= new List < object > + { new{ direction= "Right", Type= Segments.Orthogonal, length= 100 } } }, - new { id= "connector11", sourceID= "Project", annotations= new List < object > - { new { content= "No", style=new { fill= "white" } } }, targetID= "node11" + new DiagramConnector() { Id= "connector11", SourceID= "Project", Annotations= new List < object > + { new { content= "No", style=new { fill= "white" } } }, TargetID ="node11" }, - new { id= "connector12", style=new { strokeDashArray= "2,2" }, sourceID= "transaction_entered", targetID= "node12" } + new DiagramConnector() { Id= "connector12", Style=new { strokeDashArray= "2,2" }, SourceID= "transaction_entered", TargetID ="node12" } }; - private List - palette{ get; set; } = new List - { - new{id="flow", expanded= true, symbols= new List < object > - { + private List + palette + { get; set; } = new List() +{ + new SymbolPalettePalette() {Id="flow", Expanded = true, Symbols = new List +{ getFlowShape("Terminator", "Terminator"), getFlowShape("Process", "Process"), getFlowShape("Decision", "Decision"), @@ -187,48 +188,51 @@ private List getFlowShape("Data", "Data"), getFlowShape("Card", "Card"), getFlowShape("Delay", "Delay"), - }, iconCss= "e-ddb-icons e-flow", title= "Flow Shapes" }, - new {id= "connectors", expanded= true, symbols= new List < object > - { + }, IconCss = "e-ddb-icons e-flow", Title= "Flow Shapes" }, + new SymbolPalettePalette() {Id= "connectors", Expanded= true, Symbols= new List < object > +{ new { - id= "Link1", type= "Orthogonal", sourcePoint=new { x= 0, y= 0 }, targetPoint= new { x= 60, y= 60 }, + Id= "Link1", type= "Orthogonal", sourcePoint=new { x= 0, y= 0 }, targetPoint= new { x= 60, y= 60 }, targetDecorator= new { shape= "Arrow" }, style= new { strokeWidth= 1 } }, new { - id= "link3", type= "Orthogonal", sourcePoint= new { x= 0, y= 0 }, targetPoint= new { x= 60, y= 60 }, + Id= "link3", type= "Orthogonal", sourcePoint= new { x= 0, y= 0 }, targetPoint= new { x= 60, y= 60 }, style= new { strokeWidth= 1 }, targetDecorator= new { shape= "None" } }, new { - id= "Link21", type= "Straight", sourcePoint= new { x= 0, y= 0 }, targetPoint= new { x= 60, y= 60 }, + Id= "Link21", type= "Straight", sourcePoint= new { x= 0, y= 0 }, targetPoint= new { x= 60, y= 60 }, targetDecorator= new { shape= "Arrow" }, style= new { strokeWidth= 1 } }, new { - id= "link23", type= "Straight", sourcePoint= new { x= 0, y= 0 }, targetPoint= new { x= 60, y= 60 }, + Id= "link23", type= "Straight", sourcePoint= new { x= 0, y= 0 }, targetPoint= new { x= 60, y= 60 }, style= new { strokeWidth= 1 }, targetDecorator= new { shape= "None" } }, new { - id= "link33", type= "Bezier", sourcePoint= new { x= 0, y= 0 }, targetPoint= new { x= 60, y= 60 }, + Id= "link33", type= "Bezier", sourcePoint= new { x= 0, y= 0 }, targetPoint= new { x= 60, y= 60 }, style= new { strokeWidth= 1 }, targetDecorator= new { shape= "None" } } - }, iconCss= "e-ddb-icons e-connector", title= "Connectors" } + }, IconCss = "e-ddb-icons e-connector", Title = "Connectors" } }; - private object symbolMargin= new { left= 15, right= 15, top= 15, bottom= 15 }; - private object snapSettings = new { - horizontalGridlines = new { lineColor = "#e0e0e0", - lineIntervals = new List + private object symbolMargin = new { left = 15, right = 15, top = 15, bottom = 15 }; + private object snapSettings = new + { + horizontalGridlines = new { + lineColor = "#e0e0e0", + lineIntervals = new List + { 1, 9, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75 } }, verticalGridlines = new { - lineColor = "#e0e0e0", - lineIntervals = new List - { + lineColor = "#e0e0e0", + lineIntervals = new List + { 1, 9, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75 } - } + } }; - } +} diff --git a/ej2-blazor-samples/Pages/Diagrams/Diagram/HierarchicalModel.razor b/ej2-blazor-samples/Pages/Diagrams/Diagram/HierarchicalModel.razor index 7ad67c821..5e946ff0f 100644 --- a/ej2-blazor-samples/Pages/Diagrams/Diagram/HierarchicalModel.razor +++ b/ej2-blazor-samples/Pages/Diagrams/Diagram/HierarchicalModel.razor @@ -5,17 +5,17 @@ @*Hidden:Lines*@ @using ej2_blazor_samples @{ - SampleBrowser.CurrentSampleName = "Hierarchical tree"; - SampleBrowser.CurrentControlName = "Diagram"; - SampleBrowser.CurrentControlCategory = "Diagram"; - SampleBrowser.CurrentControl = SampleBrowser.Config.Diagram; - SampleBrowser.ActionDescription = new string[] { + SampleBrowser.CurrentSampleName = "Hierarchical tree"; + SampleBrowser.CurrentControlName = "Diagram"; + SampleBrowser.CurrentControlCategory = "Diagram"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Diagram; + SampleBrowser.ActionDescription = new string[] { @"

This sample illustrates a generating hierarchical tree from right to left orientation with external data source.

" }; - SampleBrowser.Description = new string[] { + SampleBrowser.Description = new string[] { @"

In this example, you can see how to generate a complex hierarchical tree from external data sources. You can also customize the spacing between the objects in the tree. You can use the horizontalSpacing and verticalSpacing properties of layout to customize the space between the objects in the tree. You can use the layoutOrientation property of @@ -41,33 +41,64 @@ @*End:Hidden*@

- +
-@functions{ -EjsDiagram diagram; -private static object getFlowShape(string id, string content,string category) { - return new { id= id, borderColor = "#3a6eb5",backgroundColor = "#659be5", - shape = new{ type= "Text"}, - margin = new { left=5, right=5, bottom=5, top=5 },expandIcon = - new { height= 10, width= 10, shape= "None", fill= "lightgray", offset= new { x= .5, y= 1 }, - verticalAlignment = "Auto",margin = new { left=10, right=10, top=10, bottom=10 } - },collapseIcon=new {offset = new{ x= .5, y= 1 },verticalAlignment = "Auto",height = 10,width = 10, - padding=new {top=5},shape = "None",fill = "lightgray" - },annotations= new List < object > - { new { content= content,style=new { color= "white"} ,margin = new { left=10, right=10, top=10, bottom=10 }} }, - data=new {Category=category,Name=content}, - style = new { fill= "#659be5", strokeColor= "none", color= "white", strokeWidth=2 } -}; -} -private static object getConnector(string id, string source,string tartget) { +@code{ + EjsDiagram diagram; + private static DiagramNode getFlowShape(string id, string content, string category) + { + return new DiagramNode() + { + Id = id, + BorderColor = "#3a6eb5", + BackgroundColor = "#659be5", + Shape = new { type = "Text" }, + Margin = new { left = 5, right = 5, bottom = 5, top = 5 }, + ExpandIcon = + new + { + height = 10, + width = 10, + shape = "None", + fill = "lightgray", + offset = new { x = .5, y = 1 }, + verticalAlignment = "Auto", + margin = new { left = 10, right = 10, top = 10, bottom = 10 } + }, + CollapseIcon = new + { + offset = new { x = .5, y = 1 }, + verticalAlignment = "Auto", + height = 10, + width = 10, + padding = new { top = 5 }, + shape = "None", + fill = "lightgray" + }, + Annotations = new List +{ new { content= content,style=new { color= "white"} ,margin = new { left=10, right=10, top=10, bottom=10 }} }, + Data = new { Category = category, Name = content }, + Style = new { fill = "#659be5", strokeColor = "none", color = "white", strokeWidth = 2 } + }; + } + private static DiagramConnector getConnector(string id, string source, string tartget) + { - return new {id= id, sourceID= source, targetID= tartget,targetDecorator= new{shape = "None"},type ="Orthogonal", - style= new{strokeColor = "#6d6d6d"},constraints = 0,cornerRadius = 5 -}; -} - private List < object > - nodes = new List < object > + return new DiagramConnector() + { + Id = id, + SourceID = source, + TargetID = tartget, + TargetDecorator = new { shape = "None" }, + Type = Segments.Orthogonal, + Style = new { strokeColor = "#6d6d6d" }, + Constraints = 0, + CornerRadius = 5 + }; + } + private List + nodes = new List { getFlowShape("node1","Diagram",""), getFlowShape("node2","Layout","Diagram"), @@ -81,10 +112,10 @@ private static object getConnector(string id, string source,string tartget) { getFlowShape("node10","Human Resources","Management"), getFlowShape("node11","University","Management"), getFlowShape("node12","Business","Management") - }; + }; -private List < object > connectors { get; set; } = new List < object > - { + private List connectors { get; set; } = new List +{ getConnector("connector1","node1","node2"), getConnector("connector2","node2","node3"), getConnector("connector3","node2","node4"), @@ -98,12 +129,15 @@ private List < object > connectors { get; set; } = new List < object > getConnector("connector11","node9","node12") }; -private object layoutSettings { get; set; } = new { - type="HierarchicalTree", verticalSpacing=30, horizontalSpacing=40, - enableAnimation=true - }; + private object layoutSettings { get; set; } = new + { + type = "HierarchicalTree", + verticalSpacing = 30, + horizontalSpacing = 40, + enableAnimation = true + }; -private object snapSettings { get; set; } = new { constraints= "SnapConstraints.None" }; + private object snapSettings { get; set; } = new { constraints = "SnapConstraints.None" }; -private DiagramTools tool= DiagramTools.ZoomPan; + private DiagramTools tool = DiagramTools.ZoomPan; } \ No newline at end of file diff --git a/ej2-blazor-samples/Pages/Diagrams/Diagram/OrganizationModel.razor b/ej2-blazor-samples/Pages/Diagrams/Diagram/OrganizationModel.razor index 2f9bb27b5..946c2b3b1 100644 --- a/ej2-blazor-samples/Pages/Diagrams/Diagram/OrganizationModel.razor +++ b/ej2-blazor-samples/Pages/Diagrams/Diagram/OrganizationModel.razor @@ -35,32 +35,32 @@ @*End:Hidden*@
- +
-@functions{ +@code{ EjsDiagram diagram; -private static object getFlowShape(string id, string content,string color,string manager) { - return new { id= id, borderColor = color,backgroundColor = color,width=120,height=50, - shape = new{ type= "Text"}, - margin = new { left=5, right=5, bottom=5, top=5 },expandIcon = +private static DiagramNode getFlowShape(string id, string content,string color,string manager) { + return new DiagramNode() { Id= id, BorderColor = color,BackgroundColor = color, Width=120, Height=50, + Shape = new{ type= "Text"}, + Margin = new { left=5, right=5, bottom=5, top=5 }, ExpandIcon = new { height= 10, width= 10, shape= "None", fill= "lightgray", offset= new { x= .5, y= 1 }, verticalAlignment = "Auto",margin = new { left=10, right=10, top=10, bottom=10 } - },collapseIcon=new {offset = new{ x= .5, y= 1 },verticalAlignment = "Auto",height = 10,width = 10, + }, CollapseIcon=new {offset = new{ x= .5, y= 1 }, verticalAlignment = "Auto",height = 10,width = 10, padding=new {top=5},shape = "None",fill = "lightgray" - },annotations= new List < object > + },Annotations= new List < object > { new { content=content ,style=new { color= "white"} ,margin = new { left=10, right=10, top=10, bottom=10 }} }, - data=new {Name=content}, - style = new { fill= color, strokeColor= "none", color= "white", strokeWidth=2 } + Data=new {Name=content}, + Style = new { fill= color, strokeColor= "none", color= "white", strokeWidth=2 } }; } -private static object getConnector(string id, string source,string tartget) { - return new {id= id, sourceID= source, targetID= tartget,targetDecorator= new{shape = "None"},type ="Orthogonal", - style= new{strokeColor = "#6d6d6d"},constraints = 0,cornerRadius =0 +private static DiagramConnector getConnector(string id, string source,string tartget) { + return new DiagramConnector() {Id= id, SourceID= source, TargetID= tartget, TargetDecorator = new{shape = "None"}, Type = Segments.Orthogonal, + Style= new{strokeColor = "#6d6d6d"}, Constraints = 0,CornerRadius =0 }; } - private List < object > - nodes = new List < object > + private List + nodes = new List () { getFlowShape("node1","Board","#71AF17",""), getFlowShape("node2","General Manager","#71AF17","node1"), @@ -82,7 +82,7 @@ private static object getConnector(string id, string source,string tartget) { getFlowShape("node17","Quality Control Department","#2E95D8","node13") }; -private List < object > connectors { get; set; } = new List < object > +private List connectors { get; set; } = new List { getConnector("connector1","node1","node2"), getConnector("connector3","node2","node4"), diff --git a/ej2-blazor-samples/Pages/Diagrams/Diagram/Shapes.razor b/ej2-blazor-samples/Pages/Diagrams/Diagram/Shapes.razor index 9b588d0ee..f72f15f33 100644 --- a/ej2-blazor-samples/Pages/Diagrams/Diagram/Shapes.razor +++ b/ej2-blazor-samples/Pages/Diagrams/Diagram/Shapes.razor @@ -27,10 +27,10 @@ @*End:Hidden*@
- +
-@functions{ +@code{ EjsDiagram diagram; EjsSymbolPalette palettes; @@ -38,151 +38,151 @@ EjsSymbolPalette palettes; return new { id= id, shape = new { type = "Flow", shape = shapeType } }; } - private List - nodes { get; set; } = new List + private List + nodes { get; set; } = new List() { - new { - shape= new { type= "Text", content= "Basic Shapes" },width = 150, height = 40,offsetX= 90,offsetY= 50,constraints= "NodeConstraints.PointerEvents", - style= new { fontSize= 16, fill= "None", fontFamily= "sans-serif", bold= true, strokeWidth= 0 }, + new DiagramNode() { + Shape= new { type= "Text", content= "Basic Shapes" },Width = 150, Height = 40,OffsetX= 90,OffsetY= 50,Constraints= NodeConstraints.PointerEvents, + Style= new { fontSize= 16, fill= "None", fontFamily= "sans-serif", bold= true, strokeWidth= 0 }, }, - new { - offsetX= 60,offsetY= 100,shape= new { type= "Basic", shape= "Rectangle" },width = 40, height = 40,annotations= new List + new DiagramNode() { + OffsetX= 60,OffsetY= 100,Shape= new { type= "Basic", shape= "Rectangle" },Width = 40, Height = 40,Annotations= new List { new{content="Rectangle",verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 } }} }, - new { - offsetX= 150,offsetY= 100,shape= new { type= "Basic", shape= "Ellipse" },width = 40, height = 40,annotations= new List + new DiagramNode() { + OffsetX= 150,OffsetY= 100,Shape= new { type= "Basic", shape= "Ellipse" },Width = 40, Height = 40,Annotations= new List { new{content="Ellipse" ,verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 }}} }, - new { - offsetX= 240,offsetY= 100,shape= new { type= "Basic", shape= "Triangle" }, annotations= new List + new DiagramNode() { + OffsetX= 240,OffsetY= 100,Shape= new { type= "Basic", shape= "Triangle" }, Annotations= new List { new{content= "Triangle",verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 } }} }, - new { - offsetX= 330,offsetY= 100,shape= new { type= "Basic", shape= "Plus" }, width = 40, height = 40,annotations= new List + new DiagramNode() { + OffsetX= 330,OffsetY= 100, Shape= new { type= "Basic", shape= "Plus" }, Width = 40, Height = 40,Annotations= new List { new{content= "Plus" ,verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 }}} }, - new { - offsetX= 420,offsetY= 100,shape= new { type= "Basic", shape= "Star" },width = 40, height = 40,annotations= new List + new DiagramNode() { + OffsetX= 420,OffsetY= 100, Shape= new { type= "Basic", shape= "Star" },Width = 40, Height = 40,Annotations= new List { new{content="Star",verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 } }} }, - new { - offsetX= 510,offsetY= 100,shape= new { type= "Basic", shape= "Pentagon" }, width = 40, height = 40,annotations= new List + new DiagramNode() { + OffsetX= 510,OffsetY= 100,Shape= new { type= "Basic", shape= "Pentagon" }, Width = 40, Height = 40,Annotations= new List { new{content= "Pentagon",verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 } }} }, - new { - offsetX= 600,offsetY= 100,shape= new { type= "Basic", shape= "Heptagon" },width = 40, height = 40,annotations= new List + new DiagramNode() { + OffsetX= 600,OffsetY= 100, Shape= new { type= "Basic", shape= "Heptagon" },Width = 40, Height = 40,Annotations= new List { new{content="Heptagon",verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 } }} }, - new { - offsetX= 690,offsetY= 100,shape= new { type= "Basic", shape= "Octagon" },width = 40, height = 40,annotations= new List + new DiagramNode() { + OffsetX= 690,OffsetY= 100, Shape= new { type= "Basic", shape= "Octagon" },Width = 40, Height = 40,Annotations= new List { new{content="Octagon" ,verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 }}} }, - new { - offsetX= 780,offsetY= 100,shape= new { type= "Basic", shape= "Trapezoid" },width = 40, height = 40, annotations= new List + new DiagramNode() { + OffsetX= 780,OffsetY= 100,Shape= new { type= "Basic", shape= "Trapezoid" },Width = 40, Height = 40, Annotations= new List { new{content="Trapezoid" ,verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 }}} }, - new { - offsetX= 870,offsetY= 100, shape= new { type= "Basic", shape= "Decagon" }, width = 40, height = 40,annotations= new List + new DiagramNode() { + OffsetX= 870,OffsetY= 100, Shape= new { type= "Basic", shape= "Decagon" }, Width = 40, Height = 40,Annotations= new List { new{content="Decagon" ,verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 }}} }, - new { - offsetX= 60,offsetY= 200,shape= new { type= "Basic", shape= "RightTriangle" },width = 40, height = 40, annotations= new List + new DiagramNode() { + OffsetX= 60,OffsetY= 200, Shape= new { type= "Basic", shape= "RightTriangle" },Width = 40, Height = 40, Annotations= new List { new{content="Right Triangle",verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 } }} }, - new { - offsetX= 150,offsetY= 200,shape= new { type= "Basic", shape= "Parallelogram" },width = 40, height = 40,annotations= new List + new DiagramNode() { + OffsetX= 150,OffsetY= 200, Shape= new { type= "Basic", shape= "Parallelogram" },Width = 40, Height = 40,Annotations= new List { new{content="Parallelogram" ,verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 }}} }, - new { - offsetX= 90,offsetY= 300,shape= new { type= "Text", content= "Flow Shapes" },width = 150, height = 40,constraints= "NodeConstraints.PointerEvents", - style= new { fontSize= 16, fill= "None", fontFamily= "sans-serif", bold= true, strokeWidth= 0 }, + new DiagramNode() { + OffsetX= 90,OffsetY= 300,Shape= new { type= "Text", content= "Flow Shapes" },Width = 150, Height = 40,Constraints= NodeConstraints.PointerEvents, + Style= new { fontSize= 16, fill= "None", fontFamily= "sans-serif", bold= true, strokeWidth= 0 }, }, - new { - offsetX= 60,offsetY= 350,shape= new { type= "Flow", shape= "Terminator" },width = 40, height = 20,annotations= new List + new DiagramNode() { + OffsetX= 60,OffsetY= 350,Shape= new { type= "Flow", shape= "Terminator" },Width = 40, Height = 20,Annotations= new List { new{content= "Terminator",verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 } }} }, - new { - offsetX= 150,offsetY= 350,shape= new { type= "Flow", shape= "Process" },width = 40, height = 20,annotations= new List + new DiagramNode() { + OffsetX= 150,OffsetY= 350,Shape= new { type= "Flow", shape= "Process" },Width = 40, Height = 20,Annotations= new List { new{content="Process",verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 } }} }, - new { - offsetX= 240,offsetY= 350,shape= new { type= "Flow", shape= "Decision" },width = 40, height = 35,annotations= new List + new DiagramNode() { + OffsetX= 240,OffsetY= 350,Shape= new { type= "Flow", shape= "Decision" },Width = 40, Height = 35,Annotations= new List { new{content= "Decision",verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 } }} }, - new { - offsetX= 330,offsetY= 350,shape= new { type= "Flow", shape= "Document" }, width = 40, height = 30,annotations= new List + new DiagramNode() { + OffsetX= 330,OffsetY= 350,Shape= new { type= "Flow", shape= "Document" }, Width = 40, Height = 30,Annotations= new List { new{content= "Document",verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 } }} }, - new { - offsetX= 420,offsetY= 350,shape= new { type= "Flow", shape= "PreDefinedProcess" }, width = 40, height = 30,annotations= new List + new DiagramNode() { + OffsetX= 420,OffsetY= 350,Shape= new { type= "Flow", shape= "PreDefinedProcess" }, Width = 40, Height = 30,Annotations= new List { new{content= "Predefined Process" ,verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 }}} }, - new { - offsetX= 510,offsetY= 350,width = 40, height = 40,shape= new { type= "Flow", shape= "PaperTap",verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 } }, annotations= new List + new DiagramNode() { + OffsetX= 510,OffsetY= 350,Width = 40, Height = 40,Shape= new { type= "Flow", shape= "PaperTap",verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 } }, Annotations= new List { new{content= "Paper Tape",verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 } }} }, - new { - offsetX= 600,offsetY= 350,shape= new { type= "Flow", shape= "DirectData" },width = 30, height = 40,annotations= new List + new DiagramNode() { + OffsetX= 600,OffsetY= 350,Shape= new { type= "Flow", shape= "DirectData" },Width = 30, Height = 40,Annotations= new List { new{content= "Direct Data" ,verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 }}} }, - new { - offsetX= 690,offsetY= 350,shape= new { type= "Flow", shape= "SequentialData" },width = 40, height = 40, annotations= new List + new DiagramNode() { + OffsetX= 690,OffsetY= 350,Shape= new { type= "Flow", shape= "SequentialData" },Width = 40, Height = 40, Annotations= new List { new{content="Direct Data",verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 } }} }, - new { - offsetX= 780,offsetY= 350,shape= new { type= "Flow", shape= "Sort" }, width = 40, height = 40,annotations= new List + new DiagramNode() { + OffsetX= 780,OffsetY= 350,Shape= new { type= "Flow", shape= "Sort" }, Width = 40, Height = 40,Annotations= new List { new{content="Sort" ,verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 }}} }, - new { - offsetX= 870,offsetY= 350,shape= new { type= "Flow", shape= "MultiDocument" },width = 40, height = 30,annotations= new List + new DiagramNode() { + OffsetX= 870,OffsetY= 350,Shape= new { type= "Flow", shape= "MultiDocument" },Width = 40, Height = 30,Annotations= new List { new{content="Multi-Document" ,verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 }}} }, - new { - offsetX= 60,offsetY= 450,shape=new { type= "Flow", shape= "Collate" }, width = 40, height = 40,annotations= new List + new DiagramNode() { + OffsetX= 60,OffsetY= 450, Shape=new { type= "Flow", shape= "Collate" }, Width = 40, Height = 40,Annotations= new List { new{content="Collate",verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 } }} }, - new { - offsetX= 150,offsetY= 450,shape= new { type= "Flow", shape= "SummingJunction" },width = 40, height = 40, annotations= new List + new DiagramNode() { + OffsetX= 150,OffsetY= 450,Shape= new { type= "Flow", shape= "SummingJunction" },Width = 40, Height = 40, Annotations= new List { new{content= "Summing Junction",verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 } }} }, - new { - offsetX= 240,offsetY= 450,shape= new { type= "Flow", shape= "Or" },width = 40, height = 40,annotations= new List + new DiagramNode() { + OffsetX= 240,OffsetY= 450,Shape= new { type= "Flow", shape= "Or" },Width = 40, Height = 40,Annotations= new List { new{content= "Or" ,verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 }}} }, - new { - offsetX= 330,offsetY= 450,shape= new { type= "Flow", shape= "InternalStorage" },width = 40, height = 40,annotations= new List + new DiagramNode() { + OffsetX= 330,OffsetY= 450,Shape= new { type= "Flow", shape= "InternalStorage" },Width = 40, Height = 40,Annotations= new List { new{content= "Internal Storage" ,verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 }}} }, - new { - offsetX= 420,offsetY= 450,shape= new { type= "Flow", shape= "Extract" }, width = 40, height = 40,annotations= new List + new DiagramNode() { + OffsetX= 420,OffsetY= 450,Shape= new { type= "Flow", shape= "Extract" }, Width = 40, Height = 40,Annotations= new List { new{content="Extract",verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 } }} }, - new { - offsetX= 510,offsetY= 450,shape= new { type= "Flow", shape= "ManualOperation" },width = 40, height = 40,annotations= new List - { new{content="Manual Operation",verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 } }} + new DiagramNode() { + OffsetX= 510,OffsetY= 450,Shape= new { type= "Flow", shape= "ManualOperation" }, Width = 40, Height = 40, Annotations = new List + { new {content="Manual Operation",verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 } }} }, - new { - offsetX= 600,offsetY= 450,shape= new { type= "Flow", shape= "Merge" },width = 40, height = 40, annotations= new List + new DiagramNode(){ + OffsetX= 600,OffsetY= 450,Shape= new { type= "Flow", shape= "Merge" },Width = 40, Height = 40, Annotations= new List { new{content="Merge" ,verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 }}} }, - new { - offsetX= 690,offsetY= 450,width = 40, height = 40,shape= new { type= "Flow", shape= "OffPageReference" }, annotations= new List + new DiagramNode() { + OffsetX= 690,OffsetY= 450,Width = 40, Height = 40,Shape= new { type= "Flow", shape= "OffPageReference" }, Annotations= new List { new{content= "Off-Page Reference" ,verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 }}} }, - new { - offsetX= 780,offsetY= 450,shape= new { type= "Flow", shape= "SequentialAccessStorage" },width = 40, height = 40, annotations= new List + new DiagramNode() { + OffsetX= 780,OffsetY= 450,Shape= new { type= "Flow", shape= "SequentialAccessStorage" },Width = 40, Height = 40, Annotations= new List { new{content="Sequential Access Storage",verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 } }} }, - new { - offsetX= 870,offsetY= 450,shape=new { type= "Flow", shape= "Data" }, width = 40, height = 40,annotations= new List + new DiagramNode() { + OffsetX= 870,OffsetY= 450, Shape=new { type= "Flow", shape= "Data" }, Width = 40, Height = 40,Annotations= new List { new{content="Data" ,verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 }}} }, - new { - offsetX= 60,offsetY= 550,shape= new { type= "Flow", shape= "Card" }, width = 40, height = 40,annotations= new List + new DiagramNode() { + OffsetX= 60,OffsetY= 550,Shape= new { type= "Flow", shape= "Card" }, Width = 40, Height = 40,Annotations= new List { new{content= "Card",verticalAlignment = "Top",offset = new { y= 1 },margin = new { top= 10 } }} } }; - private object snapSettings { get; set; } = new { constraints= "SnapConstraints.None" }; + private object snapSettings { get; set; } = new { Constraints= "SnapConstraints.None" }; } diff --git a/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/BulletsAndNumbering.razor b/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/BulletsAndNumbering.razor index dc4819b79..caf9f7398 100644 --- a/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/BulletsAndNumbering.razor +++ b/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/BulletsAndNumbering.razor @@ -33,7 +33,7 @@
-
+
Print
@@ -123,7 +123,7 @@ } -@functions{ +@code{ private string DocumentName {get;set;} ="Getting Started"; private async void onCreate(object args) diff --git a/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/CharacterFormat.razor b/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/CharacterFormat.razor index d9d176f53..d1b5a42ad 100644 --- a/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/CharacterFormat.razor +++ b/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/CharacterFormat.razor @@ -41,7 +41,7 @@
-
+
Print
@@ -131,7 +131,7 @@ } -@functions{ +@code{ private string DocumentName {get;set;} ="Getting Started"; private async void onCreate(object args) diff --git a/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/DefaultFunctionalities.razor index 14fb3cdfd..b072deb9b 100644 --- a/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/DefaultFunctionalities.razor @@ -46,7 +46,7 @@ build a lightweight Word editor with the features you require.

-
+
Print
@@ -136,7 +136,7 @@ build a lightweight Word editor with the features you require.

} -@functions{ +@code{ private async void onCreate(object args) { diff --git a/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/HeadersAndFooters.razor b/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/HeadersAndFooters.razor index 3b557f431..8d6b30127 100644 --- a/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/HeadersAndFooters.razor +++ b/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/HeadersAndFooters.razor @@ -39,7 +39,7 @@
-
+
Print
@@ -129,7 +129,7 @@ } -@functions{ +@code{ private string DocumentName {get;set;} ="Getting Started"; private async void onCreate(object args) diff --git a/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/HyperlinksAndBookmarks.razor b/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/HyperlinksAndBookmarks.razor index 3b7b32fcc..783e81486 100644 --- a/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/HyperlinksAndBookmarks.razor +++ b/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/HyperlinksAndBookmarks.razor @@ -38,7 +38,7 @@
-
+
Print
@@ -128,7 +128,7 @@ } -@functions{ +@code{ private string DocumentName {get;set;} ="Getting Started"; private async void onCreate(object args) diff --git a/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/ParagraphFormat.razor b/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/ParagraphFormat.razor index b55c17b0c..4ffe3c771 100644 --- a/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/ParagraphFormat.razor +++ b/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/ParagraphFormat.razor @@ -39,7 +39,7 @@ alignment.

"
-
+
Print
@@ -129,7 +129,7 @@ alignment.

" } -@functions{ +@code{ private string DocumentName {get;set;} ="Getting Started"; private async void onCreate(object args) diff --git a/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/SectionFormat.razor b/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/SectionFormat.razor index 6f5e898dd..607ad911a 100644 --- a/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/SectionFormat.razor +++ b/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/SectionFormat.razor @@ -39,7 +39,7 @@
-
+
Print
@@ -129,7 +129,7 @@ } -@functions{ +@code{ private string DocumentName {get;set;} ="Getting Started"; private async void onCreate(object args) diff --git a/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/Styles.razor b/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/Styles.razor index f7b41b70a..25b033b04 100644 --- a/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/Styles.razor +++ b/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/Styles.razor @@ -33,7 +33,7 @@
-
+
Print
@@ -123,7 +123,7 @@ } -@functions{ +@code{ private string DocumentName {get;set;} ="Getting Started"; private async void onCreate(object args) diff --git a/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/TableFormat.razor b/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/TableFormat.razor index fc9f55277..dc3ad8a98 100644 --- a/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/TableFormat.razor +++ b/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/TableFormat.razor @@ -38,7 +38,7 @@
-
+
Print
@@ -128,7 +128,7 @@ } -@functions{ +@code{ private string DocumentName {get;set;} ="Getting Started"; private async void onCreate(object args) diff --git a/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/TableOfContents.razor b/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/TableOfContents.razor index 2b070cc35..652cee5ba 100644 --- a/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/TableOfContents.razor +++ b/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/TableOfContents.razor @@ -41,7 +41,7 @@ table of contents such as hyperlink, page number, right-aligned tabs, and styles
-
+
Print
@@ -131,7 +131,7 @@ table of contents such as hyperlink, page number, right-aligned tabs, and styles } -@functions{ +@code{ private string DocumentName { get; set; } = "Getting Started"; private async void onCreate(object args) diff --git a/ej2-blazor-samples/Pages/DropDowns/AutoComplete/DataBinding.razor b/ej2-blazor-samples/Pages/DropDowns/AutoComplete/DataBinding.razor index 67285bb9b..f794b5241 100644 --- a/ej2-blazor-samples/Pages/DropDowns/AutoComplete/DataBinding.razor +++ b/ej2-blazor-samples/Pages/DropDowns/AutoComplete/DataBinding.razor @@ -58,7 +58,7 @@

Local Data

- +
@@ -71,7 +71,7 @@ } -@functions{ +@code{ List localdata = new List { new { Name = "Australia", Code = "AU" }, diff --git a/ej2-blazor-samples/Pages/DropDowns/AutoComplete/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/DropDowns/AutoComplete/DefaultFunctionalities.razor index c2f075797..da4151b2e 100644 --- a/ej2-blazor-samples/Pages/DropDowns/AutoComplete/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/DropDowns/AutoComplete/DefaultFunctionalities.razor @@ -42,7 +42,7 @@ } -@functions{ +@code{ List games = new List { new { id= "Game1", text= "American Football" }, new { id= "Game2", text= "Badminton" }, diff --git a/ej2-blazor-samples/Pages/DropDowns/ComboBox/DataBinding.razor b/ej2-blazor-samples/Pages/DropDowns/ComboBox/DataBinding.razor index 52bcb8f32..5744d186f 100644 --- a/ej2-blazor-samples/Pages/DropDowns/ComboBox/DataBinding.razor +++ b/ej2-blazor-samples/Pages/DropDowns/ComboBox/DataBinding.razor @@ -69,7 +69,7 @@ } -@functions{ +@code{ List games = new List { new { id= "Game1", text= "American Football" }, diff --git a/ej2-blazor-samples/Pages/DropDowns/ComboBox/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/DropDowns/ComboBox/DefaultFunctionalities.razor index 121e4b37d..13684dbc5 100644 --- a/ej2-blazor-samples/Pages/DropDowns/ComboBox/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/DropDowns/ComboBox/DefaultFunctionalities.razor @@ -39,7 +39,7 @@ } -@functions{ +@code{ List games = new List { new { id= "Game1", text= "American Football" }, diff --git a/ej2-blazor-samples/Pages/DropDowns/ComboBox/Filtering.razor b/ej2-blazor-samples/Pages/DropDowns/ComboBox/Filtering.razor index bb817c132..15325e0d3 100644 --- a/ej2-blazor-samples/Pages/DropDowns/ComboBox/Filtering.razor +++ b/ej2-blazor-samples/Pages/DropDowns/ComboBox/Filtering.razor @@ -44,7 +44,7 @@ } -@functions{ +@code{ List country = new List { diff --git a/ej2-blazor-samples/Pages/DropDowns/DropDownList/DataBinding.razor b/ej2-blazor-samples/Pages/DropDowns/DropDownList/DataBinding.razor index 9809c57c1..69b559a53 100644 --- a/ej2-blazor-samples/Pages/DropDowns/DropDownList/DataBinding.razor +++ b/ej2-blazor-samples/Pages/DropDowns/DropDownList/DataBinding.razor @@ -72,7 +72,7 @@ } -@functions{ +@code{ List games = new List { new { id= "Game1", text= "American Football" }, diff --git a/ej2-blazor-samples/Pages/DropDowns/DropDownList/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/DropDowns/DropDownList/DefaultFunctionalities.razor index 1cbbaee40..4228d47fb 100644 --- a/ej2-blazor-samples/Pages/DropDowns/DropDownList/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/DropDowns/DropDownList/DefaultFunctionalities.razor @@ -46,7 +46,7 @@ } -@functions{ +@code{ List games = new List { new { id= "Game1", text= "American Football" }, diff --git a/ej2-blazor-samples/Pages/DropDowns/DropDownList/Filtering.razor b/ej2-blazor-samples/Pages/DropDowns/DropDownList/Filtering.razor index c9d804a25..84a8704df 100644 --- a/ej2-blazor-samples/Pages/DropDowns/DropDownList/Filtering.razor +++ b/ej2-blazor-samples/Pages/DropDowns/DropDownList/Filtering.razor @@ -44,7 +44,7 @@ } -@functions{ +@code{ List country = new List { new { Name = "Australia", Code = "AU" }, diff --git a/ej2-blazor-samples/Pages/DropDowns/ListBox/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/DropDowns/ListBox/DefaultFunctionalities.razor index 6624efa9e..8d0c0d9f5 100644 --- a/ej2-blazor-samples/Pages/DropDowns/ListBox/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/DropDowns/ListBox/DefaultFunctionalities.razor @@ -43,7 +43,7 @@ } -@functions{ +@code{ List data = new List { new { text = "Hennessey Venom", id = "list-01" }, diff --git a/ej2-blazor-samples/Pages/DropDowns/MultiSelect/DataBinding.razor b/ej2-blazor-samples/Pages/DropDowns/MultiSelect/DataBinding.razor index d20d40c8d..cdc51ad1b 100644 --- a/ej2-blazor-samples/Pages/DropDowns/MultiSelect/DataBinding.razor +++ b/ej2-blazor-samples/Pages/DropDowns/MultiSelect/DataBinding.razor @@ -88,7 +88,7 @@ } -@functions{ +@code{ List localdata = new List { new { Name = "Australia", Code = "AU" }, diff --git a/ej2-blazor-samples/Pages/DropDowns/MultiSelect/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/DropDowns/MultiSelect/DefaultFunctionalities.razor index 6742a5875..b14954eca 100644 --- a/ej2-blazor-samples/Pages/DropDowns/MultiSelect/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/DropDowns/MultiSelect/DefaultFunctionalities.razor @@ -59,7 +59,7 @@ } -@functions{ +@code{ List games = new List { new { id= "Game1", text= "American Football" }, new { id= "Game2", text= "Badminton" }, diff --git a/ej2-blazor-samples/Pages/DropDowns/MultiSelect/Filtering.razor b/ej2-blazor-samples/Pages/DropDowns/MultiSelect/Filtering.razor index 63620c934..a995b622c 100644 --- a/ej2-blazor-samples/Pages/DropDowns/MultiSelect/Filtering.razor +++ b/ej2-blazor-samples/Pages/DropDowns/MultiSelect/Filtering.razor @@ -51,7 +51,7 @@ } -@functions{ +@code{ List country = new List { new { Name = "Australia", Code = "AU" }, diff --git a/ej2-blazor-samples/Pages/Editors/InPlaceEditor/DropDownComponents.razor b/ej2-blazor-samples/Pages/Editors/InPlaceEditor/DropDownComponents.razor index 8d33472dd..ce822544e 100644 --- a/ej2-blazor-samples/Pages/Editors/InPlaceEditor/DropDownComponents.razor +++ b/ej2-blazor-samples/Pages/Editors/InPlaceEditor/DropDownComponents.razor @@ -143,7 +143,7 @@ } -@functions { +@code { object dropdownValue = "Canada"; object autoValue = "Australia"; object comboValue = "Finland"; diff --git a/ej2-blazor-samples/Pages/Editors/InPlaceEditor/Overview.razor b/ej2-blazor-samples/Pages/Editors/InPlaceEditor/Overview.razor index ede1c9b85..9f4a2ce70 100644 --- a/ej2-blazor-samples/Pages/Editors/InPlaceEditor/Overview.razor +++ b/ej2-blazor-samples/Pages/Editors/InPlaceEditor/Overview.razor @@ -161,7 +161,7 @@ } -@functions { +@code { object textValue = "Andrew"; object maskValue = "012-345-6789"; object numericValue = "$100.00"; diff --git a/ej2-blazor-samples/Pages/Forms/QueryBuilder/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Forms/QueryBuilder/DefaultFunctionalities.razor index 22f759502..b15abd9db 100644 --- a/ej2-blazor-samples/Pages/Forms/QueryBuilder/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Forms/QueryBuilder/DefaultFunctionalities.razor @@ -42,7 +42,7 @@ } -@functions{ +@code{ public List dataSource = EmployeeView.GetAllRecords(); QueryBuilderRule rule = new QueryBuilderRule() diff --git a/ej2-blazor-samples/Pages/Gantt/Gantt/Baseline.razor b/ej2-blazor-samples/Pages/Gantt/Gantt/Baseline.razor index c38bc11e5..e0a914fc4 100644 --- a/ej2-blazor-samples/Pages/Gantt/Gantt/Baseline.razor +++ b/ej2-blazor-samples/Pages/Gantt/Gantt/Baseline.razor @@ -32,7 +32,7 @@
-
-@functions{ +@code{ EjsGantt baselineGantt; public object ganttData { get; set; } public object timelineSettings { get; set; } diff --git a/ej2-blazor-samples/Pages/Gantt/Gantt/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Gantt/Gantt/DefaultFunctionalities.razor index 81cb5fdd0..14eccc942 100644 --- a/ej2-blazor-samples/Pages/Gantt/Gantt/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Gantt/Gantt/DefaultFunctionalities.razor @@ -30,7 +30,7 @@
- + @@ -44,7 +44,7 @@
-@functions{ +@code{ EjsGantt defaultGantt; public object ganttData { get; set; } protected override void OnAfterRender() diff --git a/ej2-blazor-samples/Pages/Gantt/Gantt/Editing.razor b/ej2-blazor-samples/Pages/Gantt/Gantt/Editing.razor index b87f97606..c450244ba 100644 --- a/ej2-blazor-samples/Pages/Gantt/Gantt/Editing.razor +++ b/ej2-blazor-samples/Pages/Gantt/Gantt/Editing.razor @@ -48,7 +48,7 @@
-
-@functions{ +@code{ EjsGantt editingGantt; public object ganttData { get; set; } public object ganttResources { get; set; } diff --git a/ej2-blazor-samples/Pages/Grid/DataGrid/CheckboxSelection.razor b/ej2-blazor-samples/Pages/Grid/DataGrid/CheckboxSelection.razor index d48debfd3..b584d7233 100644 --- a/ej2-blazor-samples/Pages/Grid/DataGrid/CheckboxSelection.razor +++ b/ej2-blazor-samples/Pages/Grid/DataGrid/CheckboxSelection.razor @@ -55,7 +55,7 @@
-@functions{ +@code{ public List gridData { get; set; } diff --git a/ej2-blazor-samples/Pages/Grid/DataGrid/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Grid/DataGrid/DefaultFunctionalities.razor index 0438f79dc..cd1041859 100644 --- a/ej2-blazor-samples/Pages/Grid/DataGrid/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Grid/DataGrid/DefaultFunctionalities.razor @@ -45,7 +45,7 @@
-@functions{ +@code{ public List gridData { get; set; } diff --git a/ej2-blazor-samples/Pages/Grid/DataGrid/Filtering.razor b/ej2-blazor-samples/Pages/Grid/DataGrid/Filtering.razor index 885179440..2eeca9f10 100644 --- a/ej2-blazor-samples/Pages/Grid/DataGrid/Filtering.razor +++ b/ej2-blazor-samples/Pages/Grid/DataGrid/Filtering.razor @@ -48,7 +48,7 @@ -@functions{ +@code{ public List gridData { get; set; } diff --git a/ej2-blazor-samples/Pages/Grid/DataGrid/InlineEditing.razor b/ej2-blazor-samples/Pages/Grid/DataGrid/InlineEditing.razor index f53d7895b..70c266336 100644 --- a/ej2-blazor-samples/Pages/Grid/DataGrid/InlineEditing.razor +++ b/ej2-blazor-samples/Pages/Grid/DataGrid/InlineEditing.razor @@ -58,7 +58,7 @@ -@functions{ +@code{ public List gridData { get; set; } diff --git a/ej2-blazor-samples/Pages/Grid/DataGrid/Sorting.razor b/ej2-blazor-samples/Pages/Grid/DataGrid/Sorting.razor index 18340d7cf..83a307cf4 100644 --- a/ej2-blazor-samples/Pages/Grid/DataGrid/Sorting.razor +++ b/ej2-blazor-samples/Pages/Grid/DataGrid/Sorting.razor @@ -38,9 +38,9 @@ } @*End:Hidden*@ @{ - List cols = new List(); - cols.Add(new { field = "OrderDate", direction = "Ascending" }); - cols.Add(new { field = "Freight", direction = "Descending" }); + List cols = new List(); + cols.Add(new GridColumn() { Field = "OrderDate" }); + cols.Add(new GridColumn() { Field = "Freight" }); }
@@ -63,7 +63,7 @@
-@functions{ +@code{ public List gridData { get; set; } diff --git a/ej2-blazor-samples/Pages/Grids/TreeGrid/CheckboxColumn.razor b/ej2-blazor-samples/Pages/Grids/TreeGrid/CheckboxColumn.razor index c63ae3008..3091d7e4e 100644 --- a/ej2-blazor-samples/Pages/Grids/TreeGrid/CheckboxColumn.razor +++ b/ej2-blazor-samples/Pages/Grids/TreeGrid/CheckboxColumn.razor @@ -36,7 +36,7 @@
- @**@ + @**@ @@ -53,7 +53,7 @@
-@functions{ +@code{ EjsTreeGrid treeGrid; diff --git a/ej2-blazor-samples/Pages/Grids/TreeGrid/DefaultFiltering.razor b/ej2-blazor-samples/Pages/Grids/TreeGrid/DefaultFiltering.razor index ad864169f..22570fe4a 100644 --- a/ej2-blazor-samples/Pages/Grids/TreeGrid/DefaultFiltering.razor +++ b/ej2-blazor-samples/Pages/Grids/TreeGrid/DefaultFiltering.razor @@ -78,7 +78,7 @@
-@functions{ +@code{ EjsTreeGrid treeGrid; diff --git a/ej2-blazor-samples/Pages/Grids/TreeGrid/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Grids/TreeGrid/DefaultFunctionalities.razor index f10b7212a..af431a78b 100644 --- a/ej2-blazor-samples/Pages/Grids/TreeGrid/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Grids/TreeGrid/DefaultFunctionalities.razor @@ -51,7 +51,7 @@ -@functions{ +@code{ EjsTreeGrid treeGrid; diff --git a/ej2-blazor-samples/Pages/Grids/TreeGrid/Editing.razor b/ej2-blazor-samples/Pages/Grids/TreeGrid/Editing.razor index b5d214948..12cdadeb3 100644 --- a/ej2-blazor-samples/Pages/Grids/TreeGrid/Editing.razor +++ b/ej2-blazor-samples/Pages/Grids/TreeGrid/Editing.razor @@ -65,7 +65,7 @@ -@functions{ +@code{ EjsTreeGrid treeGrid; diff --git a/ej2-blazor-samples/Pages/HeatMapChart/HeatMapChart/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/HeatMapChart/HeatMapChart/DefaultFunctionalities.razor index 587aeeea2..149f830f2 100644 --- a/ej2-blazor-samples/Pages/HeatMapChart/HeatMapChart/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/HeatMapChart/HeatMapChart/DefaultFunctionalities.razor @@ -34,13 +34,13 @@
- +
-@functions{ +@code{ public object xAxis = new diff --git a/ej2-blazor-samples/Pages/HeatMapChart/HeatMapChart/Emptypoints.razor b/ej2-blazor-samples/Pages/HeatMapChart/HeatMapChart/Emptypoints.razor index f63814223..39fed826e 100644 --- a/ej2-blazor-samples/Pages/HeatMapChart/HeatMapChart/Emptypoints.razor +++ b/ej2-blazor-samples/Pages/HeatMapChart/HeatMapChart/Emptypoints.razor @@ -6,6 +6,7 @@ @using ej2_blazor_samples @using ej2_blazor_heatmapdata @using Syncfusion.EJ2.RazorComponents.HeatMap + @{ SampleBrowser.CurrentSampleName = "Empty Points"; SampleBrowser.CurrentControlName = "HeatMapChart"; @@ -36,7 +37,7 @@
- + @@ -52,7 +53,7 @@
-@functions{ +@code{ public object border = new { width = "0", color = "white" }; public object xAxis = new diff --git a/ej2-blazor-samples/Pages/Inputs/Slider/Default.razor b/ej2-blazor-samples/Pages/Inputs/Slider/Default.razor index 88c6c8213..3414f12ca 100644 --- a/ej2-blazor-samples/Pages/Inputs/Slider/Default.razor +++ b/ej2-blazor-samples/Pages/Inputs/Slider/Default.razor @@ -90,7 +90,7 @@ user-select: none; /* Standard syntax */ } -@functions{ +@code{ int[] val= { 20, 50 }; } \ No newline at end of file diff --git a/ej2-blazor-samples/Pages/Inputs/Slider/Ticks.razor b/ej2-blazor-samples/Pages/Inputs/Slider/Ticks.razor index de24c6bc2..3cfa0d2dc 100644 --- a/ej2-blazor-samples/Pages/Inputs/Slider/Ticks.razor +++ b/ej2-blazor-samples/Pages/Inputs/Slider/Ticks.razor @@ -57,7 +57,7 @@ -@functions{ +@code{ string value = "0.3"; int[] val = { 30, 70 }; object tick = new { placement = "Before", showSmallTicks = true, largeStep = 0.2, smallStep = 0.05 }; diff --git a/ej2-blazor-samples/Pages/Inputs/TextBox/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Inputs/TextBox/DefaultFunctionalities.razor index e4928ac21..988155206 100644 --- a/ej2-blazor-samples/Pages/Inputs/TextBox/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Inputs/TextBox/DefaultFunctionalities.razor @@ -301,6 +301,6 @@ } -@functions{ +@code{ protected object ActionDescription { get; set; } } \ No newline at end of file diff --git a/ej2-blazor-samples/Pages/Inputs/Uploader/ChunkUpload.razor b/ej2-blazor-samples/Pages/Inputs/Uploader/ChunkUpload.razor index b64f76155..579c2ea5b 100644 --- a/ej2-blazor-samples/Pages/Inputs/Uploader/ChunkUpload.razor +++ b/ej2-blazor-samples/Pages/Inputs/Uploader/ChunkUpload.razor @@ -43,7 +43,7 @@ } -@functions{ +@code{ public object asyncSettings = new { saveUrl = "https://aspnetmvc.syncfusion.com/services/api/uploadbox/Save", diff --git a/ej2-blazor-samples/Pages/Inputs/Uploader/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Inputs/Uploader/DefaultFunctionalities.razor index 144bada4f..761db91f0 100644 --- a/ej2-blazor-samples/Pages/Inputs/Uploader/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Inputs/Uploader/DefaultFunctionalities.razor @@ -50,7 +50,7 @@ } -@functions{ +@code{ public object asyncSettings = new { saveUrl= "https://aspnetmvc.syncfusion.com/services/api/uploadbox/Save", diff --git a/ej2-blazor-samples/Pages/Inputs/Uploader/FileValidation.razor b/ej2-blazor-samples/Pages/Inputs/Uploader/FileValidation.razor index 70a2d06a8..76f2a57f5 100644 --- a/ej2-blazor-samples/Pages/Inputs/Uploader/FileValidation.razor +++ b/ej2-blazor-samples/Pages/Inputs/Uploader/FileValidation.razor @@ -40,7 +40,7 @@ } -@functions{ +@code{ public object asyncSettings = new { saveUrl= "https://aspnetmvc.syncfusion.com/services/api/uploadbox/Save", diff --git a/ej2-blazor-samples/Pages/Layout/Dialog/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Layout/Dialog/DefaultFunctionalities.razor index 0002e785c..32d28c29f 100644 --- a/ej2-blazor-samples/Pages/Layout/Dialog/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Layout/Dialog/DefaultFunctionalities.razor @@ -33,8 +33,8 @@ @*End:Hidden*@
- - + + @@ -48,7 +48,7 @@ } -@functions { +@code { EjsDialog dialogObj; private void onBtnClick() diff --git a/ej2-blazor-samples/Pages/Layout/Dialog/Draggable.razor b/ej2-blazor-samples/Pages/Layout/Dialog/Draggable.razor index 344249327..2c23967af 100644 --- a/ej2-blazor-samples/Pages/Layout/Dialog/Draggable.razor +++ b/ej2-blazor-samples/Pages/Layout/Dialog/Draggable.razor @@ -19,12 +19,12 @@ @*End:Hidden*@
- - + +
-@functions { +@code { EjsDialog dialogObj; private void onClicked() { diff --git a/ej2-blazor-samples/Pages/Layout/Dialog/Resizable.razor b/ej2-blazor-samples/Pages/Layout/Dialog/Resizable.razor index 73937fa53..320879d05 100644 --- a/ej2-blazor-samples/Pages/Layout/Dialog/Resizable.razor +++ b/ej2-blazor-samples/Pages/Layout/Dialog/Resizable.razor @@ -27,12 +27,12 @@ @*End:Hidden*@
- - + +
-@functions { +@code { EjsDialog dialogObj; private void onClicked() diff --git a/ej2-blazor-samples/Pages/Layouts/Listview/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Layouts/Listview/DefaultFunctionalities.razor index bc995089d..ab056c8d6 100644 --- a/ej2-blazor-samples/Pages/Layouts/Listview/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Layouts/Listview/DefaultFunctionalities.razor @@ -73,7 +73,7 @@ } -@functions{ +@code{ object[] listdata = { new diff --git a/ej2-blazor-samples/Pages/LinearGauge/LinearGauge/Container.razor b/ej2-blazor-samples/Pages/LinearGauge/LinearGauge/Container.razor index 1015fc923..76a4f4df9 100644 --- a/ej2-blazor-samples/Pages/LinearGauge/LinearGauge/Container.razor +++ b/ej2-blazor-samples/Pages/LinearGauge/LinearGauge/Container.razor @@ -51,7 +51,7 @@ } -@functions { +@code { public ContainerType type = ContainerType.Thermometer; public object line= new{ width= 0 }; diff --git a/ej2-blazor-samples/Pages/LinearGauge/LinearGauge/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/LinearGauge/LinearGauge/DefaultFunctionalities.razor index 7eed42564..14a3bebc2 100644 --- a/ej2-blazor-samples/Pages/LinearGauge/LinearGauge/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/LinearGauge/LinearGauge/DefaultFunctionalities.razor @@ -45,7 +45,7 @@ } -@functions { +@code { public Orientation orientation = Orientation.Horizontal; public object majorTicks = new { color= "#9E9E9E", interval= 10 }; @@ -62,15 +62,15 @@ markerType= "Triangle" } }; - public List annotations = new List { - new + public List annotations = new List() { + new LinearGaugeAnnotation() { - content = "

10 MPH

", - axisIndex = 0, - axisValue = 10, - x = 10, - y = -70, - zIndex = "1" + Content = "

10 MPH

", + AxisIndex = 0, + AxisValue = 10, + X = 10, + Y = -70, + ZIndex = "1" } }; } diff --git a/ej2-blazor-samples/Pages/Maps/Maps/Bubble.razor b/ej2-blazor-samples/Pages/Maps/Maps/Bubble.razor index f73ee671b..862e4600d 100644 --- a/ej2-blazor-samples/Pages/Maps/Maps/Bubble.razor +++ b/ej2-blazor-samples/Pages/Maps/Maps/Bubble.razor @@ -77,7 +77,7 @@ font-weight: 500; } -@functions { +@code { public object zoomSettings = new { @@ -143,18 +143,18 @@ return Math.Sqrt(box / (Math.PI * 2)) / 2; } - public List layers { get; set; } = new List + public List layers { get; set; } = new List() { - new { - shapeData = new { + new MapsLayer() { + ShapeData = new { async= true, dataOptions= "scripts/MapsData/WorldMap.json", type= "GET" }, - shapeSettings= new { + ShapeSettings= new { fill= "#E5E5E5" }, - bubbleSettings= new List { + BubbleSettings= new List { new { visible= true, valuePath= "value", diff --git a/ej2-blazor-samples/Pages/Maps/Maps/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Maps/Maps/DefaultFunctionalities.razor index cf222b453..43682540a 100644 --- a/ej2-blazor-samples/Pages/Maps/Maps/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Maps/Maps/DefaultFunctionalities.razor @@ -51,7 +51,7 @@ font-weight: 500 } -@functions { +@code { public object zoomSettings = new { enable = false @@ -65,20 +65,20 @@ textStyle = new { size = "16px" } }; - public List layers { get; set; } = new List + public List layers { get; set; } = new List() { - new{ shapeData= new{ + new MapsLayer() { ShapeData= new{ async= true, dataOptions= "scripts/MapsData/WorldMap.json", type= "GET" }, - shapePropertyPath= "continent", - shapeDataPath= "continent", - dataSource= datasource, - shapeSettings= new { + ShapePropertyPath= "continent", + ShapeDataPath= "continent", + DataSource= datasource, + ShapeSettings= new { colorValuePath= "color", }, - markerSettings= new List{ + MarkerSettings= new List{ new { visible= true, dataSource= new List { diff --git a/ej2-blazor-samples/Pages/Maps/Maps/Multilayer.razor b/ej2-blazor-samples/Pages/Maps/Maps/Multilayer.razor index b5b5f82f9..c66eacfb5 100644 --- a/ej2-blazor-samples/Pages/Maps/Maps/Multilayer.razor +++ b/ej2-blazor-samples/Pages/Maps/Maps/Multilayer.razor @@ -62,7 +62,7 @@ } } -@functions { +@code { public object zoomSettings = new { @@ -78,42 +78,42 @@ size = "16px" }, }; - public List layers { get; set; } = new List + public List layers { get; set; } = new List() { - new { - shapeData = new { + new MapsLayer() { + ShapeData = new { async= true, dataOptions= "scripts/MapsData/usa.json", type= "GET" }, - shapeSettings= new { + ShapeSettings= new { fill= "#E5E5E5", border= new { color= "black", width= 0.1 }, }, - dataLabelSettings= new { + DataLabelSettings= new { visible= true, labelPath= "iso_3166_2", smartLabelMode= "Hide" } }, - new { - shapeData = new { + new MapsLayer() { + ShapeData = new { async= true, dataOptions= "scripts/MapsData/texas.json", type= "GET" }, - type= "SubLayer", - shapeSettings= new { + Type= Syncfusion.EJ2.RazorComponents.Maps.Type.SubLayer, + ShapeSettings= new { fill= "rgba(141, 206, 255, 0.6)", border= new { color= "#1a9cff", width= 0.25 }, }, - markerSettings= new object[] { + MarkerSettings= new object[] { new { visible= true, width= 20, @@ -144,21 +144,21 @@ } } }, - new { - shapeData = new { + new MapsLayer() { + ShapeData = new { async= true, dataOptions= "scripts/MapsData/california.json", type= "GET" }, - type= "SubLayer", - shapeSettings= new { + Type= Syncfusion.EJ2.RazorComponents.Maps.Type.SubLayer, + ShapeSettings= new { fill= "rgba(141, 206, 255, 0.6)", border= new { color= "#1a9cff", width= 0.25 }, }, - markerSettings= new object[] { + MarkerSettings= new object[] { new { visible= true, width= 20, diff --git a/ej2-blazor-samples/Pages/Maps/Maps/Projection.razor b/ej2-blazor-samples/Pages/Maps/Maps/Projection.razor index 46803c1f1..d6c9989ba 100644 --- a/ej2-blazor-samples/Pages/Maps/Maps/Projection.razor +++ b/ej2-blazor-samples/Pages/Maps/Maps/Projection.razor @@ -21,7 +21,7 @@
-@functions { +@code { public object zoomSettings = new { @@ -44,26 +44,26 @@ alignment = "Far" } }; - public List layers { get; set; } = new List + public List layers { get; set; } = new List() { - new { - shapeData = new { + new MapsLayer() { + ShapeData = new { async= true, dataOptions= "scripts/MapsData/WorldMap.json", type= "GET" }, - shapeDataPath= "Country", - shapePropertyPath= "name", - dataSource = new { + ShapeDataPath= "Country", + ShapePropertyPath= "name", + DataSource = new { async= true, dataOptions= "scripts/MapsData/projection-datasource.json", type= "GET" }, - tooltipSettings= new { + TooltipSettings= new { visible= true, valuePath= "Country", }, - shapeSettings= new { + ShapeSettings= new { fill= "#E5E5E5", colorMapping= new object[] { new { diff --git a/ej2-blazor-samples/Pages/Maps/Maps/Tooltip.razor b/ej2-blazor-samples/Pages/Maps/Maps/Tooltip.razor index f22c8a2e4..15d53c3a7 100644 --- a/ej2-blazor-samples/Pages/Maps/Maps/Tooltip.razor +++ b/ej2-blazor-samples/Pages/Maps/Maps/Tooltip.razor @@ -80,7 +80,7 @@ font-weight: 500; } -@functions { +@code { public object zoomSettings = new { @@ -103,27 +103,27 @@ size = "16px" } }; - public List layers { get; set; } = new List + public List layers { get; set; } = new List() { -new { - shapeData = new { +new MapsLayer() { + ShapeData = new { async= true, dataOptions= "scripts/MapsData/WorldMap.json", type= "GET" }, - shapeDataPath= "name", - shapePropertyPath= "name", - dataSource = new { + ShapeDataPath= "name", + ShapePropertyPath= "name", + DataSource = new { async= true, dataOptions= "scripts/MapsData/tooltip-datasource.json", type= "GET" }, - tooltipSettings= new { + TooltipSettings= new { visible= true, valuePath= "name", template= "#template" }, - shapeSettings= new { + ShapeSettings= new { fill= "#E5E5E5", colorMapping= new object[] { new { diff --git a/ej2-blazor-samples/Pages/Maps/Maps/marker.razor b/ej2-blazor-samples/Pages/Maps/Maps/marker.razor index 3b6c18073..8ab5ee64e 100644 --- a/ej2-blazor-samples/Pages/Maps/Maps/marker.razor +++ b/ej2-blazor-samples/Pages/Maps/Maps/marker.razor @@ -83,7 +83,7 @@ font-weight: 500; } -@functions { +@code { public object zoomSettings = new { @@ -97,17 +97,17 @@ size = "16px" } }; - public List layers { get; set; } = new List { - new { - shapeData = new { + public List layers { get; set; } = new List { + new MapsLayer() { + ShapeData = new { async= true, dataOptions= "scripts/MapsData/WorldMap.json", type= "GET" }, - shapeSettings= new { + ShapeSettings= new { fill= "#C3E6ED" }, - markerSettings= new object[] { + MarkerSettings= new object[] { new { dataSource= topPopulation, visible= true, diff --git a/ej2-blazor-samples/Pages/Maps/Maps/openStreetMap.razor b/ej2-blazor-samples/Pages/Maps/Maps/openStreetMap.razor index a8148731b..ab132f43c 100644 --- a/ej2-blazor-samples/Pages/Maps/Maps/openStreetMap.razor +++ b/ej2-blazor-samples/Pages/Maps/Maps/openStreetMap.razor @@ -65,7 +65,7 @@ min-width: 100px !important } -@functions { +@code { public object zoomSettings = new { @@ -86,12 +86,12 @@ latitude = 40.7209, longitude = -73.9680 }; - public List layers { get; set; } = new List + public List layers { get; set; } = new List() { - new{ - layerType = "OSM", - animationDuration= 0, - markerSettings= new List{ + new MapsLayer() { + LayerType = ShapeLayerType.OSM, + AnimationDuration= 0, + MarkerSettings= new List{ new { visible= true, template= "
", diff --git a/ej2-blazor-samples/Pages/Navigations/Accordion/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Navigations/Accordion/DefaultFunctionalities.razor index 6fe3c5d56..5436baa25 100644 --- a/ej2-blazor-samples/Pages/Navigations/Accordion/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Navigations/Accordion/DefaultFunctionalities.razor @@ -38,7 +38,7 @@ } -@functions{ +@code{ } diff --git a/ej2-blazor-samples/Pages/Navigations/Accordion/Icons.razor b/ej2-blazor-samples/Pages/Navigations/Accordion/Icons.razor index 7ea8cdcbf..55805aff6 100644 --- a/ej2-blazor-samples/Pages/Navigations/Accordion/Icons.razor +++ b/ej2-blazor-samples/Pages/Navigations/Accordion/Icons.razor @@ -204,7 +204,7 @@ } -@functions{ +@code{ } diff --git a/ej2-blazor-samples/Pages/Navigations/ContextMenu/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Navigations/ContextMenu/DefaultFunctionalities.razor index 7e66ea18c..25663ab47 100644 --- a/ej2-blazor-samples/Pages/Navigations/ContextMenu/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Navigations/ContextMenu/DefaultFunctionalities.razor @@ -176,7 +176,7 @@ } -@functions{ +@code{ public List menuItems { get; set; } = new List { new { text="Cut", iconCss="e-cm-icons e-cut" }, diff --git a/ej2-blazor-samples/Pages/Navigations/MenuBar/DataBinding.razor b/ej2-blazor-samples/Pages/Navigations/MenuBar/DataBinding.razor index 638ee1667..8d55c3f74 100644 --- a/ej2-blazor-samples/Pages/Navigations/MenuBar/DataBinding.razor +++ b/ej2-blazor-samples/Pages/Navigations/MenuBar/DataBinding.razor @@ -28,7 +28,7 @@ } -@functions{ +@code{ List menuItems = new List { new { id= "parent1", text= "Appliances" }, diff --git a/ej2-blazor-samples/Pages/Navigations/MenuBar/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Navigations/MenuBar/DefaultFunctionalities.razor index d06ca7030..645ff37fb 100644 --- a/ej2-blazor-samples/Pages/Navigations/MenuBar/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Navigations/MenuBar/DefaultFunctionalities.razor @@ -68,7 +68,7 @@ } -@functions{ +@code{ List menuItems = new List{ new { diff --git a/ej2-blazor-samples/Pages/Navigations/Sidebar/Default.razor b/ej2-blazor-samples/Pages/Navigations/Sidebar/Default.razor index 9c077f640..7db180214 100644 --- a/ej2-blazor-samples/Pages/Navigations/Sidebar/Default.razor +++ b/ej2-blazor-samples/Pages/Navigations/Sidebar/Default.razor @@ -20,12 +20,12 @@
-@functions{ +@code{ EjsTreeView treeView; EjsSidebar sidebar; public ExpandOnSettings expand { get; set; } = ExpandOnSettings.Click; diff --git a/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarAPI.razor b/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarAPI.razor index 8b24dc9ed..e58baaa53 100644 --- a/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarAPI.razor +++ b/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarAPI.razor @@ -21,12 +21,12 @@
- - + +
Sidebar
- +
Place your primary content here. @@ -47,8 +47,8 @@

Toggle - Toggles the Sidebar to be open or closed state.

-
- Toggle +
+ Toggle


@@ -56,8 +56,8 @@

Position - Allows to place the sidebar in right or left side of the page.

-
- Right +
+ Right


@@ -70,15 +70,15 @@

Closing on document click - Allows to collapse / close the sidebar on document click.

-
- True +
+ True


Backdrop - Sets the backdrop over the main content area on open / expanded state.

-
- True +
+ True


@@ -90,7 +90,7 @@
-@functions{ +@code{ EjsSidebar sidebar; EjsButton toggleElement; EjsButton backdropElement; diff --git a/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarDock.razor b/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarDock.razor index 8810e7466..26f4ce004 100644 --- a/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarDock.razor +++ b/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarDock.razor @@ -18,11 +18,11 @@
- +
    - @@ -55,7 +55,7 @@ Essential JS 2 (Preview) for ASP.Net Core Sidebar-> Dock
-@functions{ +@code{ EjsSidebar sidebar; public void toggle() { this.sidebar.Toggle(); diff --git a/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarList.razor b/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarList.razor index 958ae7e72..a99625612 100644 --- a/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarList.razor +++ b/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarList.razor @@ -22,30 +22,30 @@
- + -
+
- +
-
Application content
+
Application content
Essential JS 2 (Preview) for ASP.Net Core Sidebar-> Sidebar With ListView
-@functions{ +@code{ EjsListView controlList; EjsSidebar sidebar; ElementRef maincontent; diff --git a/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarMenu.razor b/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarMenu.razor index 0f041929e..91c44be75 100644 --- a/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarMenu.razor +++ b/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarMenu.razor @@ -18,7 +18,7 @@
- +

MAIN

@@ -56,7 +56,7 @@ Essential JS 2 (Preview) for ASP.Net Core Sidebar-> Sidebar Menu
-@functions { +@code { EjsSidebar sidebar; public Orientation orientation { get; set; } = Orientation.Horizontal; public Orientation verorientation { get; set; } = Orientation.Vertical; diff --git a/ej2-blazor-samples/Pages/Navigations/Tab/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Navigations/Tab/DefaultFunctionalities.razor index 61f2a5c6f..9a9719230 100644 --- a/ej2-blazor-samples/Pages/Navigations/Tab/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Navigations/Tab/DefaultFunctionalities.razor @@ -75,7 +75,7 @@ } -@functions{ +@code{ public object header1 = new { text = "Twitter", iconCss = "e-twitter" }; public object header2 = new { text = "Facebook", iconCss = "e-facebook" }; diff --git a/ej2-blazor-samples/Pages/Navigations/Toolbar/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Navigations/Toolbar/DefaultFunctionalities.razor index 62ef211ee..bb53e0712 100644 --- a/ej2-blazor-samples/Pages/Navigations/Toolbar/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Navigations/Toolbar/DefaultFunctionalities.razor @@ -227,7 +227,7 @@ } -@functions{ +@code{ } diff --git a/ej2-blazor-samples/Pages/Navigations/Toolbar/Popup.razor b/ej2-blazor-samples/Pages/Navigations/Toolbar/Popup.razor index e74941cb7..eccbe1d17 100644 --- a/ej2-blazor-samples/Pages/Navigations/Toolbar/Popup.razor +++ b/ej2-blazor-samples/Pages/Navigations/Toolbar/Popup.razor @@ -309,7 +309,7 @@ } -@functions{ +@code{ public OverflowMode mode { get; set; } = OverflowMode.Popup; diff --git a/ej2-blazor-samples/Pages/Navigations/TreeView/CheckBox.razor b/ej2-blazor-samples/Pages/Navigations/TreeView/CheckBox.razor index d5d6c2763..1971b91be 100644 --- a/ej2-blazor-samples/Pages/Navigations/TreeView/CheckBox.razor +++ b/ej2-blazor-samples/Pages/Navigations/TreeView/CheckBox.razor @@ -28,7 +28,7 @@
-@functions{ +@code{ object fields; List treedata = new List(); List parentitem = new List(); diff --git a/ej2-blazor-samples/Pages/Navigations/TreeView/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Navigations/TreeView/DefaultFunctionalities.razor index 3945f5b0f..5f9f10db0 100644 --- a/ej2-blazor-samples/Pages/Navigations/TreeView/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Navigations/TreeView/DefaultFunctionalities.razor @@ -28,7 +28,7 @@ -@functions{ +@code{ object fields; List parentitem = new List(); List childitem1 = new List(); diff --git a/ej2-blazor-samples/Pages/Notifications/Toast/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Notifications/Toast/DefaultFunctionalities.razor index 3926868ab..8bef7c52f 100644 --- a/ej2-blazor-samples/Pages/Notifications/Toast/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Notifications/Toast/DefaultFunctionalities.razor @@ -29,13 +29,13 @@ @*End:Hidden*@
- +
- - + +
@@ -47,7 +47,7 @@ } -@functions { +@code { EjsToast toastObj; private void showOnclick() diff --git a/ej2-blazor-samples/Pages/PivotView/PivotTable/AdvanceFiltering.razor b/ej2-blazor-samples/Pages/PivotView/PivotTable/AdvanceFiltering.razor index f345b82ed..d1a57d6f5 100644 --- a/ej2-blazor-samples/Pages/PivotView/PivotTable/AdvanceFiltering.razor +++ b/ej2-blazor-samples/Pages/PivotView/PivotTable/AdvanceFiltering.razor @@ -77,7 +77,7 @@ To achieve this in code-behind, use the filterSettings object in th } -@functions{ +@code{ EjsPivotView pivotView; diff --git a/ej2-blazor-samples/Pages/PivotView/PivotTable/Chart.razor b/ej2-blazor-samples/Pages/PivotView/PivotTable/Chart.razor index ae43b518e..c33c548c6 100644 --- a/ej2-blazor-samples/Pages/PivotView/PivotTable/Chart.razor +++ b/ej2-blazor-samples/Pages/PivotView/PivotTable/Chart.razor @@ -70,7 +70,7 @@ } -@functions{ +@code{ EjsPivotView pivotView; diff --git a/ej2-blazor-samples/Pages/PivotView/PivotTable/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/PivotView/PivotTable/DefaultFunctionalities.razor index 5edca05f1..912a1bb4a 100644 --- a/ej2-blazor-samples/Pages/PivotView/PivotTable/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/PivotView/PivotTable/DefaultFunctionalities.razor @@ -42,7 +42,7 @@ } -@functions{ +@code{ EjsPivotView pivotView; diff --git a/ej2-blazor-samples/Pages/PivotView/PivotTable/Editing.razor b/ej2-blazor-samples/Pages/PivotView/PivotTable/Editing.razor index 4d298f035..e59a400fa 100644 --- a/ej2-blazor-samples/Pages/PivotView/PivotTable/Editing.razor +++ b/ej2-blazor-samples/Pages/PivotView/PivotTable/Editing.razor @@ -65,7 +65,7 @@ } -@functions{ +@code{ EjsPivotView pivotView; diff --git a/ej2-blazor-samples/Pages/PivotView/PivotTable/UserInteraction.razor b/ej2-blazor-samples/Pages/PivotView/PivotTable/UserInteraction.razor index b85a571f6..ba9eb6160 100644 --- a/ej2-blazor-samples/Pages/PivotView/PivotTable/UserInteraction.razor +++ b/ej2-blazor-samples/Pages/PivotView/PivotTable/UserInteraction.razor @@ -45,7 +45,7 @@ } -@functions{ +@code{ EjsPivotView pivotView; diff --git a/ej2-blazor-samples/Pages/Popups/Tooltip/Default.razor b/ej2-blazor-samples/Pages/Popups/Tooltip/Default.razor index b6a6dd304..6620e63cf 100644 --- a/ej2-blazor-samples/Pages/Popups/Tooltip/Default.razor +++ b/ej2-blazor-samples/Pages/Popups/Tooltip/Default.razor @@ -47,7 +47,7 @@
- + @@ -84,7 +84,7 @@
-@functions +@code { EjsTooltip tooltip; Syncfusion.EJ2.RazorComponents.Popups.Position position, loopPos; diff --git a/ej2-blazor-samples/Pages/Popups/Tooltip/HtmlTemplate.razor b/ej2-blazor-samples/Pages/Popups/Tooltip/HtmlTemplate.razor index 4eee015d4..44d2d07b2 100644 --- a/ej2-blazor-samples/Pages/Popups/Tooltip/HtmlTemplate.razor +++ b/ej2-blazor-samples/Pages/Popups/Tooltip/HtmlTemplate.razor @@ -33,7 +33,7 @@
-@functions +@code { string template = "

Eastern Bluebird

" + "
The Eastern Bluebird" + diff --git a/ej2-blazor-samples/Pages/RichTextEditor/RichTextEditor/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/RichTextEditor/RichTextEditor/DefaultFunctionalities.razor index 84c6d45ba..64508c612 100644 --- a/ej2-blazor-samples/Pages/RichTextEditor/RichTextEditor/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/RichTextEditor/RichTextEditor/DefaultFunctionalities.razor @@ -32,7 +32,7 @@
-@functions{ +@code{ private bool CharCount { get; set; } = true; private string value { get; set; } = @"

Rich Text Editor allows to insert images from online source as well as local computer where you want to insert the image in your content.

Get started Quick Toolbar to click on the image

It is possible to add custom style on the selected image inside the RichTextEditor through quick toolbar.

Logo"; diff --git a/ej2-blazor-samples/Pages/RichTextEditor/RichTextEditor/Iframe-Functionalities.razor b/ej2-blazor-samples/Pages/RichTextEditor/RichTextEditor/Iframe-Functionalities.razor index 176189957..30ffa97f8 100644 --- a/ej2-blazor-samples/Pages/RichTextEditor/RichTextEditor/Iframe-Functionalities.razor +++ b/ej2-blazor-samples/Pages/RichTextEditor/RichTextEditor/Iframe-Functionalities.razor @@ -30,7 +30,7 @@
-@functions{ +@code{ private bool CharCount { get; set; } = true; private string value { get; set; } = @"

Rich Text Editor allows to insert images from online source as well as local computer where you want to insert the image in your content.

Get started Quick Toolbar to click on the image

It is possible to add custom style on the selected image inside the RichTextEditor through quick toolbar.

"; diff --git a/ej2-blazor-samples/Pages/RichTextEditor/RichTextEditor/Inline.razor b/ej2-blazor-samples/Pages/RichTextEditor/RichTextEditor/Inline.razor index 5672f1351..60037749f 100644 --- a/ej2-blazor-samples/Pages/RichTextEditor/RichTextEditor/Inline.razor +++ b/ej2-blazor-samples/Pages/RichTextEditor/RichTextEditor/Inline.razor @@ -32,7 +32,7 @@
-@functions{ +@code{ private bool CharCount { get; set; } = true; private string value { get; set; } = @"

The sample is configured with inline mode of editor. Initially, the editor is rendered without a toolbar. The toolbar becomes visible only when the content is selected.

"; diff --git a/ej2-blazor-samples/Pages/RichTextEditor/RichTextEditor/Markdown-Overview.razor b/ej2-blazor-samples/Pages/RichTextEditor/RichTextEditor/Markdown-Overview.razor index a94b67ea4..fcb7c01ef 100644 --- a/ej2-blazor-samples/Pages/RichTextEditor/RichTextEditor/Markdown-Overview.razor +++ b/ej2-blazor-samples/Pages/RichTextEditor/RichTextEditor/Markdown-Overview.razor @@ -46,7 +46,7 @@
-@functions{ +@code{ private bool CharCount { get; set; } = true; private string value { get; set; } = @"The sample is added to showcase **markdown editing**. diff --git a/ej2-blazor-samples/Pages/Schedule/Schedule/Agenda.razor b/ej2-blazor-samples/Pages/Schedule/Schedule/Agenda.razor index 935b6e8a5..93bf2ecfa 100644 --- a/ej2-blazor-samples/Pages/Schedule/Schedule/Agenda.razor +++ b/ej2-blazor-samples/Pages/Schedule/Schedule/Agenda.razor @@ -46,7 +46,7 @@ -@functions{ +@code{ static ScheduleData data = new ScheduleData(); private object viewList { get; set; } = new string[] { "Agenda" }; [Parameter] diff --git a/ej2-blazor-samples/Pages/Schedule/Schedule/Default.razor b/ej2-blazor-samples/Pages/Schedule/Schedule/Default.razor index bf8fc15cc..5fc5073ca 100644 --- a/ej2-blazor-samples/Pages/Schedule/Schedule/Default.razor +++ b/ej2-blazor-samples/Pages/Schedule/Schedule/Default.razor @@ -94,7 +94,7 @@ -@functions{ +@code{ static ScheduleData data = new ScheduleData(); [Parameter] private object ScheduleData { get; set; } = new diff --git a/ej2-blazor-samples/Pages/Schedule/Schedule/Group.razor b/ej2-blazor-samples/Pages/Schedule/Schedule/Group.razor index ed74c8855..2ad0cd751 100644 --- a/ej2-blazor-samples/Pages/Schedule/Schedule/Group.razor +++ b/ej2-blazor-samples/Pages/Schedule/Schedule/Group.razor @@ -72,7 +72,7 @@ } -@functions{ +@code{ EjsSchedule scheduleObj; public class AppointmentData @@ -126,16 +126,16 @@ }; [Parameter] - private List resourceData { get; set; } = new List { - new { - field = "AirlineId", title = "Airline Name", - name = "Airlines", allowMultiple = true, - dataSource = new List{ + private List resourceData { get; set; } = new List() { + new ScheduleResource() { + Field = "AirlineId", Title = "Airline Name", + Name = "Airlines", AllowMultiple = true, + DataSource = new List{ new { AirlineName = "Airways 1", AirlineId = 1, AirlineColor = "#EA7A57", AirlineModel = "CRJ 700", AirlineSeats = 50 }, new { AirlineName = "Airways 2", AirlineId = 2, AirlineColor = "#357cd2", AirlineModel = "Airbus A330", AirlineSeats = 75}, new { AirlineName = "Airways 3", AirlineId = 3, AirlineColor = "#7fa900", AirlineModel = "ATR 72-600", AirlineSeats = 100} }, - textField = "AirlineName", idField = "AirlineId", colorField = "AirlineColor" + TextField = "AirlineName", IdField = "AirlineId", ColorField = "AirlineColor" } }; diff --git a/ej2-blazor-samples/Pages/Schedule/Schedule/Timeline.razor b/ej2-blazor-samples/Pages/Schedule/Schedule/Timeline.razor index da3cdea2e..0920408f1 100644 --- a/ej2-blazor-samples/Pages/Schedule/Schedule/Timeline.razor +++ b/ej2-blazor-samples/Pages/Schedule/Schedule/Timeline.razor @@ -41,7 +41,7 @@ -@functions{ +@code{ static ScheduleData data = new ScheduleData(); private object viewList { get; set; } = new string[] { "TimelineDay", "TimelineWeek", "TimelineWorkWeek", "TimelineMonth", "Agenda" }; [Parameter] diff --git a/ej2-blazor-samples/Pages/Schedule/Schedule/TimelineResourceGroup.razor b/ej2-blazor-samples/Pages/Schedule/Schedule/TimelineResourceGroup.razor index 87aa22867..318576125 100644 --- a/ej2-blazor-samples/Pages/Schedule/Schedule/TimelineResourceGroup.razor +++ b/ej2-blazor-samples/Pages/Schedule/Schedule/TimelineResourceGroup.razor @@ -52,7 +52,7 @@ if the colors of parent level needs to be applied to those child events, then it -@functions{ +@code{ static ScheduleData data = new ScheduleData(); private object viewList { get; set; } = new string[] { "TimelineDay", "TimelineWeek", "TimelineWorkWeek", "TimelineMonth", "Agenda" }; [Parameter] @@ -60,36 +60,37 @@ if the colors of parent level needs to be applied to those child events, then it { resources = new string[] { "Projects", "Categories" } }; -public View timelineDay = View.TimelineDay; -public View timelineWeek = View.TimelineWeek; -public View timelineWorkWeek = View.TimelineWorkWeek; -public View timelineMonth = View.TimelineMonth; -public View agenda = View.Agenda; + public View timelineDay = View.TimelineDay; + public View timelineWeek = View.TimelineWeek; + public View timelineWorkWeek = View.TimelineWorkWeek; + public View timelineMonth = View.TimelineMonth; + public View agenda = View.Agenda; [Parameter] - private List - resourceData { get; set; } = new List - { - new { - field = "ProjectId" , - title = "Choose Project" , - name = "Projects" , - dataSource = new List - { + private List + resourceData + { get; set; } = new List() +{ + new ScheduleResource() { + Field = "ProjectId" , + Title = "Choose Project" , + Name = "Projects" , + DataSource = new List + { new {text = "PROJECT 1", id= 1, color= "#cb6bb2"}, new {text = "PROJECT 2", id= 2, color= "#56ca85"}, new {text = "PROJECT 3", id= 3, color= "#df5286"}, }, - textField = "text", - idField = "id", - colorField = "color" + TextField = "text", + IdField = "id", + ColorField = "color" }, - new { - field = "TaskId", - title = "Category", - name = "Categories", - allowMultiple= true, - dataSource = new List - { + new ScheduleResource() { + Field = "TaskId", + Title = "Category", + Name = "Categories", + AllowMultiple= true, + DataSource = new List + { new { text = "Nancy", id= 1, groupId = 1, color = "#df5286" }, new { text = "Steven", id= 2, groupId = 1, color = "#7fa900" }, new { text = "Robert", id= 3, groupId = 2, color = "#ea7a57" }, @@ -97,15 +98,15 @@ public View agenda = View.Agenda; new { text = "Micheal", id= 5, groupId = 3, color = "#df5286" }, new { text = "Root", id= 6, groupId = 3, color = "#00bdae" } }, - textField = "text", - idField = "id", - groupIDField = "groupId", - colorField = "color" + TextField = "text", + IdField = "id", + GroupIDField = "groupId", + ColorField = "color" }, }; - [Parameter] - private object ScheduleData { get; set; } = new - { - dataSource = data.GetResourceData().Concat(data.GetTimelineResourceData()) - }; - } + [Parameter] + private object ScheduleData { get; set; } = new + { + dataSource = data.GetResourceData().Concat(data.GetTimelineResourceData()) + }; +} diff --git a/ej2-blazor-samples/Pages/TreeMap/TreeMap/ColorMapping.razor b/ej2-blazor-samples/Pages/TreeMap/TreeMap/ColorMapping.razor index f7fb0fb96..ff140e2ea 100644 --- a/ej2-blazor-samples/Pages/TreeMap/TreeMap/ColorMapping.razor +++ b/ej2-blazor-samples/Pages/TreeMap/TreeMap/ColorMapping.razor @@ -35,7 +35,7 @@ -@functions { +@code { public object titleSettings { get; set; } = new { text = "Top 10 largest islands in the World", diff --git a/ej2-blazor-samples/Pages/TreeMap/TreeMap/Customization.razor b/ej2-blazor-samples/Pages/TreeMap/TreeMap/Customization.razor index ba415bdb7..7aeb4e9ac 100644 --- a/ej2-blazor-samples/Pages/TreeMap/TreeMap/Customization.razor +++ b/ej2-blazor-samples/Pages/TreeMap/TreeMap/Customization.razor @@ -33,7 +33,7 @@ -@functions { +@code { public object titleSettings { get; set; } = new { text = "US Gold medal categories in Summer Olympics - 2016", diff --git a/ej2-blazor-samples/Pages/TreeMap/TreeMap/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/TreeMap/TreeMap/DefaultFunctionalities.razor index b67a1b49a..d38a8e6f3 100644 --- a/ej2-blazor-samples/Pages/TreeMap/TreeMap/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/TreeMap/TreeMap/DefaultFunctionalities.razor @@ -37,14 +37,14 @@
- +
-@functions { +@code { public object titleSettings { get; set; } = new { text = "Car Sales by Country - 2017", textStyle = new { size = "15px" } @@ -64,9 +64,9 @@ labelPath= "Company", border=new { color= "white", width= 0.5 } }; - public List Level { get; set; } = new List + public List Level { get; set; } = new List() { - new{ groupPath= "Continent", border= new { color= "white", width= 0.5 }} + new TreeMapLevel() { GroupPath= "Continent", Border= new { color= "white", width= 0.5 }} }; public string[] palette =new string[] { "#C33764" , "#AB3566" , "#993367", "#853169", "#742F6A", "#632D6C", "#532C6D", "#412A6F", "#312870", "#1D2671" diff --git a/ej2-blazor-samples/Pages/TreeMap/TreeMap/Legend.razor b/ej2-blazor-samples/Pages/TreeMap/TreeMap/Legend.razor index 73387987e..26279ab78 100644 --- a/ej2-blazor-samples/Pages/TreeMap/TreeMap/Legend.razor +++ b/ej2-blazor-samples/Pages/TreeMap/TreeMap/Legend.razor @@ -41,7 +41,7 @@ -@functions { +@code { public object titleSettings { get; set; } = new { text = "US Presidential election result - 2016", diff --git a/ej2-blazor-samples/Pages/TreeMap/TreeMap/Tooltip.razor b/ej2-blazor-samples/Pages/TreeMap/TreeMap/Tooltip.razor index f3978bd6e..a9b3dc65f 100644 --- a/ej2-blazor-samples/Pages/TreeMap/TreeMap/Tooltip.razor +++ b/ej2-blazor-samples/Pages/TreeMap/TreeMap/Tooltip.razor @@ -85,7 +85,7 @@ } -@functions { +@code { public object titleSettings { get; set; } = new { text = "Countries ordered based on Population - 2017", diff --git a/ej2-blazor-samples/Pages/TreeMap/TreeMap/TreeMapLabel.razor b/ej2-blazor-samples/Pages/TreeMap/TreeMap/TreeMapLabel.razor index c56fe1ff7..2594b2b35 100644 --- a/ej2-blazor-samples/Pages/TreeMap/TreeMap/TreeMapLabel.razor +++ b/ej2-blazor-samples/Pages/TreeMap/TreeMap/TreeMapLabel.razor @@ -30,7 +30,7 @@ -@functions { +@code { public object titleSettings { get; set; } = new { text = "Countries ordered based on Population - 2017", diff --git a/ej2-blazor-samples/Pages/TreeMap/TreeMap/layerData.razor b/ej2-blazor-samples/Pages/TreeMap/TreeMap/layerData.razor index ab270a7ed..fa0d1f8eb 100644 --- a/ej2-blazor-samples/Pages/TreeMap/TreeMap/layerData.razor +++ b/ej2-blazor-samples/Pages/TreeMap/TreeMap/layerData.razor @@ -25,7 +25,7 @@ -@functions { +@code { public object leaf { get; set; } = new { diff --git a/ej2-blazor-samples/Pages/TreeMap/TreeMap/print.razor b/ej2-blazor-samples/Pages/TreeMap/TreeMap/print.razor index 8682f9eb4..ef2c7690c 100644 --- a/ej2-blazor-samples/Pages/TreeMap/TreeMap/print.razor +++ b/ej2-blazor-samples/Pages/TreeMap/TreeMap/print.razor @@ -27,7 +27,7 @@ -@functions { +@code { public object titleSettings { get; set; } = new { text = "Top 10 best selling smartphone brands - 2017", diff --git a/ej2-blazor-samples/Pages/TreeMap/TreeMap/selection.razor b/ej2-blazor-samples/Pages/TreeMap/TreeMap/selection.razor index 581a9d4b8..c6318db31 100644 --- a/ej2-blazor-samples/Pages/TreeMap/TreeMap/selection.razor +++ b/ej2-blazor-samples/Pages/TreeMap/TreeMap/selection.razor @@ -35,7 +35,7 @@ -@functions { +@code { public object titleSettings { get; set; } = new { text = "Import and Export details of US", @@ -64,10 +64,10 @@ public object highlightSettings { get; set; } = new border = new { width = 0.3, color = "black" }, opacity = "1" }; -public List level { get; set; } = new List +public List level { get; set; } = new List() { -new{ groupPath= "dataType", fill= "#c5e2f7", headerStyle= new{ size= "16px" }, headerAlignment= "Center", groupGap= 5 }, -new { groupPath= "product", fill= "#a4d1f2", headerAlignment= "Center" , groupGap= 2 } +new TreeMapLevel() { GroupPath= "dataType", Fill= "#c5e2f7", HeaderStyle= new{ size= "16px" }, HeaderAlignment= Alignment.Center, GroupGap= 5 }, +new TreeMapLevel() { GroupPath= "product", Fill= "#a4d1f2", HeaderAlignment= Alignment.Center, GroupGap= 2 } }; public List datasource { get; set; } = new List { new { dataType= "Import and export details of Japan", product= "Plastics and Rubber", type= "Plastics and articles thereof", sales= 15309826454 }, diff --git a/ej2-blazor-samples/Pages/TreeMap/TreeMap/test.razor b/ej2-blazor-samples/Pages/TreeMap/TreeMap/test.razor index 92a494534..580178d76 100644 --- a/ej2-blazor-samples/Pages/TreeMap/TreeMap/test.razor +++ b/ej2-blazor-samples/Pages/TreeMap/TreeMap/test.razor @@ -3,6 +3,6 @@
testing element @Name
-@functions{ +@code{ public string Name = "bala"; } \ No newline at end of file diff --git a/ej2-blazor-samples/Pages/Viewer/PdfViewer/CustomToolbar.razor b/ej2-blazor-samples/Pages/Viewer/PdfViewer/CustomToolbar.razor index 78c25baa2..f4753bc14 100644 --- a/ej2-blazor-samples/Pages/Viewer/PdfViewer/CustomToolbar.razor +++ b/ej2-blazor-samples/Pages/Viewer/PdfViewer/CustomToolbar.razor @@ -171,7 +171,7 @@ documentation section } -@functions{ +@code{ protected async void documentLoad(object args) { diff --git a/ej2-blazor-samples/Pages/Viewer/PdfViewer/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Viewer/PdfViewer/DefaultFunctionalities.razor index a53ec256b..0a74c0f0a 100644 --- a/ej2-blazor-samples/Pages/Viewer/PdfViewer/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Viewer/PdfViewer/DefaultFunctionalities.razor @@ -49,4 +49,4 @@ documentation section } -@functions{} \ No newline at end of file +@code{} diff --git a/ej2-blazor-samples/Pages/Viewer/PdfViewer/RightToLeft.razor b/ej2-blazor-samples/Pages/Viewer/PdfViewer/RightToLeft.razor index 0f57b5c82..0cecb4660 100644 --- a/ej2-blazor-samples/Pages/Viewer/PdfViewer/RightToLeft.razor +++ b/ej2-blazor-samples/Pages/Viewer/PdfViewer/RightToLeft.razor @@ -51,7 +51,7 @@ } -@functions{ +@code{ protected override async Task OnInitAsync() { diff --git a/ej2-blazor-samples/Program.cs b/ej2-blazor-samples/Program.cs index 3a95e86b3..7ee0c29be 100644 --- a/ej2-blazor-samples/Program.cs +++ b/ej2-blazor-samples/Program.cs @@ -1,5 +1,4 @@ using Microsoft.AspNetCore.Blazor.Hosting; -using Microsoft.AspNetCore.SignalR.Client; using Microsoft.Extensions.DependencyInjection; using Newtonsoft.Json; using Newtonsoft.Json.Converters; @@ -13,13 +12,7 @@ public class Program { public static void Main(string[] args) { - CreateHostBuilder(args).Build().Run(); - - new HubConnectionBuilder() - .WithUrl("/chatHub") - .AddNewtonsoftJsonProtocol() - .Build(); - + CreateHostBuilder(args).Build().Run(); } public static IWebAssemblyHostBuilder CreateHostBuilder(string[] args) => diff --git a/ej2-blazor-samples/Shared/MainLayout.razor b/ej2-blazor-samples/Shared/MainLayout.razor index 5953cdf4d..1249dd12f 100644 --- a/ej2-blazor-samples/Shared/MainLayout.razor +++ b/ej2-blazor-samples/Shared/MainLayout.razor @@ -19,7 +19,7 @@ *@ -@functions{ +@code{ - EjsTab sourceTab; - EjsSidebar sidebar; - EjsToolbar popup; - EjsDropDownList dropdownlist; - [Parameter] - private string ControlName { get; set; } = "ControlName"; - public OverflowMode overflowmode { get; set; } = OverflowMode.Popup; +EjsTab sourceTab; +EjsSidebar sidebar; +EjsToolbar popup; +EjsDropDownList dropdownlist; +[Parameter] +public string ControlName { get; set; } = "ControlName"; +public OverflowMode overflowmode { get; set; } = OverflowMode.Popup; - [Parameter] - private string theme { get; set; } +[Parameter] +private string theme { get; set; } - List themes = new List +List themes = new List { new { id= "Theme1", text= "Material" }, new { id= "Theme2", text= "Fabric" }, @@ -244,7 +244,7 @@ new { id= "Theme4", text= "HighContrast" }, new { id= "Theme5", text= "BootstrapV4" }, }; - List menuItems = new List{ +List menuItems = new List{ new { text = "CHOOSE THEME", items = new List @@ -258,13 +258,13 @@ } }; - public object dropDownFields = new - { - text = "text", - value = "id" - }; +public object dropDownFields = new +{ + text = "text", + value = "id" +}; - private void prevSample(object e) +private void prevSample(object e) { int curIndex = SampleBrowser.SampleUrls.IndexOf(SampleBrowser.CurrentUrl); UriHelper.NavigateTo(SampleBrowser.SampleUrls[curIndex - 1].ToString()); @@ -288,9 +288,9 @@ private object AccountMenuItems { get; set; } = new List } }; - public List - items - { get; set; } = new List +public List + items +{ get; set; } = new List { new { text = "JavaScript", url="https://ej2.syncfusion.com/demos/" }, new { text = "JavaScript (ES5)", url="https://ej2.syncfusion.com/javascript/demos/" }, @@ -301,9 +301,9 @@ private object AccountMenuItems { get; set; } = new List new { text = "Vue", url="https://ej2.syncfusion.com/vue/demos/" } }; - public List - items2 - { get; set; } = new List +public List + items2 +{ get; set; } = new List { new { text = "Material", iconCss ="sb-icons" }, new { text = "Fabric", iconCss ="sb-icons" }, @@ -312,124 +312,123 @@ private object AccountMenuItems { get; set; } = new List new { text = "BootstrapV4", iconCss ="sb-icons" } }; - List - sources; +public List sources; - void onButtonClick() - { - this.ControlName = SampleBrowser.CurrentSampleName; - } +void onButtonClick() +{ + this.ControlName = SampleBrowser.CurrentSampleName; +} - public void toggleClick(object args) - { +public void toggleClick(object args) +{ JsRuntime.InvokeAsync - ("callResizeEvent"); - this.sidebar.Toggle(); - } + ("callResizeEvent"); + this.sidebar.Toggle(); +} - protected void OnChange(Syncfusion.EJ2.RazorComponents.Navigations.MenuEventArgs args) +protected void OnChange(Syncfusion.EJ2.RazorComponents.Navigations.MenuEventArgs args) { JsRuntime.InvokeAsync ("switchTheme", this.theme); - JsRuntime.InvokeAsync - ("tickTheme", this.theme); - } + JsRuntime.InvokeAsync + ("tickTheme", this.theme); +} - protected void OnThemeOpen(object args) - { - JsRuntime.InvokeAsync - ("getTheme", args); - } +protected void OnThemeOpen(object args) +{ + JsRuntime.InvokeAsync +("getTheme", args); +} - protected override bool ShouldRender() - { - return true; - } +protected override bool ShouldRender() +{ + return true; +} - protected string RemoveString(string s) { - var startTag = "@*Hidden:Lines*@"; - int startIndex = s.IndexOf(startTag); - if(startIndex>0){ +protected string RemoveString(string s) { + var startTag = "@*Hidden:Lines*@"; + int startIndex = s.IndexOf(startTag); + if(startIndex>0){ var endTag = "@*End:Hidden*@"; int endIndex = s.IndexOf("@*End:Hidden*@") + endTag.Length; string temp = s.Substring(startIndex, endIndex - startIndex); return s.Replace(temp, ""); - } else{ + } else{ return s; - } } +} - protected void onSourceTabSelected(Syncfusion.EJ2.RazorComponents.Navigations.SelectEventArgs arg) +protected void onSourceTabSelected(Syncfusion.EJ2.RazorComponents.Navigations.SelectEventArgs arg) +{ + sources = new List(); + if (arg.SelectedIndex == 1) { - sources = new List(); - if (arg.SelectedIndex == 1) + SampleBrowser.CurrentControl.ForEach(async (s) => { - SampleBrowser.CurrentControl.ForEach(async (s) => + if (s.Name == SampleBrowser.CurrentSampleName) { - if (s.Name == SampleBrowser.CurrentSampleName) - { - String response = await Http.GetStringAsync("https://ej2.syncfusion.com/razor-components/Pages/" + s.Directory + "/" + s.FileName + ".txt"); - response = response.Replace("<", "<"); - response = response.Replace(">", ">"); - response = RemoveString(response); - sources.Add(new { header = new { text = s.FileName }, content = "
" + response + "
" }); - this.sourceTab.Items = sources; - this.sourceTab.DataBind(); - JsRuntime.InvokeAsync("refreshTab", response); - } - }); + String response = await Http.GetStringAsync("https://ej2.syncfusion.com/razor-components/Pages/" + s.Directory + "/" + s.FileName + ".txt"); + response = response.Replace("<", "<"); + response = response.Replace(">", ">"); + response = RemoveString(response); + sources.Add(new TabItem(){ Header = new { text = s.FileName }, Content = "
" + response + "
" }); + this.sourceTab.Items = sources; + this.sourceTab.DataBind(); + JsRuntime.InvokeAsync("refreshTab", response); + } + }); - } } +} - protected override void OnAfterRender() +protected override void OnAfterRender() +{ + if (this.ControlName != SampleBrowser.CurrentSampleName) { - if (this.ControlName != SampleBrowser.CurrentSampleName) + string[] paths = new string[3]; + int i = 0; + paths[i] = SampleBrowser.CurrentControlName; + i++; + if (SampleBrowser.CurrentControlCategory != SampleBrowser.CurrentControlName) { - string[] paths = new string[3]; - int i = 0; - paths[i] = SampleBrowser.CurrentControlName; + paths[i] = SampleBrowser.CurrentControlCategory; i++; - if (SampleBrowser.CurrentControlCategory != SampleBrowser.CurrentControlName) + } + paths[i] = SampleBrowser.CurrentSampleName; + this.ControlName = SampleBrowser.CurrentControlName; + JsRuntime.InvokeAsync + ("updateBreadCrumb", new String[] { this.ControlName }, paths); + List + ls = new List + (); + List + ls1 = new List + (); + if (SampleBrowser.ActionDescription != null) + { + foreach (string element1 in SampleBrowser.ActionDescription) { - paths[i] = SampleBrowser.CurrentControlCategory; - i++; + ls.Add(element1); } - paths[i] = SampleBrowser.CurrentSampleName; - this.ControlName = SampleBrowser.CurrentControlName; JsRuntime.InvokeAsync - ("updateBreadCrumb", new String[] { this.ControlName }, paths); - List - ls = new List - (); - List - ls1 = new List - (); - if (SampleBrowser.ActionDescription != null) - { - foreach (string element1 in SampleBrowser.ActionDescription) - { - ls.Add(element1); - } - JsRuntime.InvokeAsync - ("updateActionDescription", ls); - } - else - { - JsRuntime.InvokeAsync - ("updateActionDescription", new List - ()); - } - if (SampleBrowser.Description != null) + ("updateActionDescription", ls); + } + else + { + JsRuntime.InvokeAsync + ("updateActionDescription", new List + ()); + } + if (SampleBrowser.Description != null) + { + foreach (string element in SampleBrowser.Description) { - foreach (string element in SampleBrowser.Description) - { - ls1.Add(element); - } - JsRuntime.InvokeAsync - ("updateDescription", ls1); + ls1.Add(element); } + JsRuntime.InvokeAsync + ("updateDescription", ls1); } } +} } diff --git a/ej2-blazor-samples/Shared/NavMenu.razor b/ej2-blazor-samples/Shared/NavMenu.razor index 250e42296..6b5172691 100644 --- a/ej2-blazor-samples/Shared/NavMenu.razor +++ b/ej2-blazor-samples/Shared/NavMenu.razor @@ -12,21 +12,21 @@ @*
*@ - +
-
+
All Controls
- +
-@functions{ +@code{ EjsListView controlList; @@ -88,7 +88,7 @@ public void OnSampleSelect(Syncfusion.EJ2.RazorComponents.Lists.SelectEventArgs arg) { - + Console.WriteLine("list " + arg); string ad = JsonConvert.SerializeObject(arg); ListViewEvent data = JsonConvert.DeserializeObject (ad, new JsonSerializerSettings { NullValueHandling = NullValueHandling.Ignore }); diff --git a/ej2-blazor-samples/Shared/SurveyPrompt.razor b/ej2-blazor-samples/Shared/SurveyPrompt.razor index 1db3c13c9..27306aa0d 100644 --- a/ej2-blazor-samples/Shared/SurveyPrompt.razor +++ b/ej2-blazor-samples/Shared/SurveyPrompt.razor @@ -9,7 +9,7 @@ and tell us what you think.
-@functions { +@code { // Demonstrates how a parent component can supply parameters [Parameter] string Title { get; set; } } diff --git a/ej2-blazor-samples/ej2-blazor-samples.csproj b/ej2-blazor-samples/ej2-blazor-samples.csproj index ba11319c6..ec3eef112 100644 --- a/ej2-blazor-samples/ej2-blazor-samples.csproj +++ b/ej2-blazor-samples/ej2-blazor-samples.csproj @@ -11,12 +11,10 @@ - - - - - - + + + + diff --git a/ej2-blazor-samples/wwwroot/index.html b/ej2-blazor-samples/wwwroot/index.html index dde66cdc5..be289798e 100644 --- a/ej2-blazor-samples/wwwroot/index.html +++ b/ej2-blazor-samples/wwwroot/index.html @@ -28,7 +28,7 @@ - + diff --git a/ej2-blazor-samples/wwwroot/scripts/ej2.min.js b/ej2-blazor-samples/wwwroot/scripts/ej2.min.js index 81159b981..b8cc28359 100644 --- a/ej2-blazor-samples/wwwroot/scripts/ej2.min.js +++ b/ej2-blazor-samples/wwwroot/scripts/ej2.min.js @@ -1,2 +1,11 @@ -var ej=function(exports){"use strict";function createInstance(e,t){var i=t;return i.unshift(void 0),new(Function.prototype.bind.apply(e,i))}function setImmediate(e){var t,i=new Uint16Array(5);(window.msCrypto||window.crypto).getRandomValues(i);var n="ej2"+combineArray(i),r=function(i){i.source===window&&"string"==typeof i.data&&i.data.length<=32&&i.data===n&&(e(),t())};return window.addEventListener("message",r,!1),window.postMessage(n,"*"),t=function(){window.removeEventListener("message",r),e=r=n=void 0}}function getValue(e,t){for(var i=t,n=e.replace(/\[/g,".").replace(/\]/g,"").split("."),r=0;r "+r+""+i.innerHTML+" - + From e1ff878d9bcd09387443b631b509dcf88099bfa1 Mon Sep 17 00:00:00 2001 From: Gopi Govindasamy Date: Sat, 22 Jun 2019 10:53:41 +0530 Subject: [PATCH 24/32] bug(EJ2-000): mask text box custom mask sample changes --- ej2-blazor-samples/Pages/Inputs/MaskedTextBox/CustomMask.razor | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ej2-blazor-samples/Pages/Inputs/MaskedTextBox/CustomMask.razor b/ej2-blazor-samples/Pages/Inputs/MaskedTextBox/CustomMask.razor index 210fbad67..f1b6b3956 100644 --- a/ej2-blazor-samples/Pages/Inputs/MaskedTextBox/CustomMask.razor +++ b/ej2-blazor-samples/Pages/Inputs/MaskedTextBox/CustomMask.razor @@ -56,7 +56,7 @@
IP Address (ex: 212.212.111.222)
- + From b45754795886c4c34b71cb0f579e94dd11204409 Mon Sep 17 00:00:00 2001 From: rjskr01 Date: Sat, 22 Jun 2019 11:18:51 +0530 Subject: [PATCH 25/32] bug(EJ2-000): custom toolbar sample issue was fixed bug(EJ2-000): custom toolbar sample issue was fixed --- ej2-blazor-samples/Pages/Viewer/PdfViewer/CustomToolbar.razor | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ej2-blazor-samples/Pages/Viewer/PdfViewer/CustomToolbar.razor b/ej2-blazor-samples/Pages/Viewer/PdfViewer/CustomToolbar.razor index 78c25baa2..62f13b892 100644 --- a/ej2-blazor-samples/Pages/Viewer/PdfViewer/CustomToolbar.razor +++ b/ej2-blazor-samples/Pages/Viewer/PdfViewer/CustomToolbar.razor @@ -1,5 +1,5 @@ @page "/Viewer/CustomToolbar" - +@using Syncfusion.EJ2.RazorComponents.Navigations @using Syncfusion.EJ2.RazorComponents.PdfViewer @inject IJSRuntime JsRuntime; @inject HttpClient Http; From fefb571e00512403fe84768913e23f214bf3a39d Mon Sep 17 00:00:00 2001 From: Mouli Eswararao Date: Sat, 22 Jun 2019 11:34:35 +0530 Subject: [PATCH 26/32] config(EJ2-000): commit for pivot samples-update --- .../Pages/PivotView/PivotTable/AdvanceFiltering.razor | 2 +- .../Pages/PivotView/PivotTable/UserInteraction.razor | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/ej2-blazor-samples/Pages/PivotView/PivotTable/AdvanceFiltering.razor b/ej2-blazor-samples/Pages/PivotView/PivotTable/AdvanceFiltering.razor index 64755c398..82aff7986 100644 --- a/ej2-blazor-samples/Pages/PivotView/PivotTable/AdvanceFiltering.razor +++ b/ej2-blazor-samples/Pages/PivotView/PivotTable/AdvanceFiltering.razor @@ -64,7 +64,7 @@ To achieve this in code-behind, use the filterSettings object in th
- + diff --git a/ej2-blazor-samples/Pages/PivotView/PivotTable/UserInteraction.razor b/ej2-blazor-samples/Pages/PivotView/PivotTable/UserInteraction.razor index ab0da0b7b..e9a86e447 100644 --- a/ej2-blazor-samples/Pages/PivotView/PivotTable/UserInteraction.razor +++ b/ej2-blazor-samples/Pages/PivotView/PivotTable/UserInteraction.razor @@ -32,7 +32,7 @@
- + From e07e88e8a4c46aa7514d1c14a58564fb59f9f9bd Mon Sep 17 00:00:00 2001 From: Balamurugan P Date: Sat, 22 Jun 2019 11:36:34 +0530 Subject: [PATCH 27/32] config(EJ2-28249): Removed not working samples --- .../Sparkline/DefaultFunctionalities.razor | 966 +++++++++--------- .../Pages/Charts/Sparkline/SeriesType.razor | 158 +-- .../Pages/CircularGauge/SampleList.cs | 9 - 3 files changed, 562 insertions(+), 571 deletions(-) diff --git a/ej2-blazor-samples/Pages/Charts/Sparkline/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Charts/Sparkline/DefaultFunctionalities.razor index 152e4d58e..ca4919573 100644 --- a/ej2-blazor-samples/Pages/Charts/Sparkline/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Charts/Sparkline/DefaultFunctionalities.razor @@ -68,8 +68,8 @@
- - + + @@ -78,27 +78,27 @@
- + - +
- - + +
- + - +
@@ -110,8 +110,8 @@
- - + + @@ -120,27 +120,27 @@
- + - +
- - + +
- + - +
@@ -152,8 +152,8 @@
- - + + @@ -162,27 +162,27 @@
- + - +
- - + +
- + - +
@@ -194,8 +194,8 @@
- - + + @@ -204,27 +204,27 @@
- + - +
- - + +
- + - +
@@ -236,8 +236,8 @@
- - + + @@ -246,27 +246,27 @@
- + - +
- - + +
- + - +
@@ -278,8 +278,8 @@
- - + + @@ -288,27 +288,27 @@
- + - +
- - + +
- + - +
@@ -320,8 +320,8 @@
- - + + @@ -330,27 +330,27 @@
- + - +
- - + +
- + - +
@@ -362,8 +362,8 @@
- - + + @@ -372,27 +372,27 @@
- + - +
- - + +
- + - +
@@ -404,8 +404,8 @@
- - + + @@ -414,27 +414,27 @@
- + - +
- - + +
- + - +
@@ -446,8 +446,8 @@
- - + + @@ -456,27 +456,27 @@
- + - +
- - + +
- + - +
@@ -494,531 +494,531 @@ @code { public class SparkDataSource { - public double X; - public string XValue; - public double YValue; + public double x; + public string xval; + public double yval; } public List populationInAustralia = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 20090440 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 20264080 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 20434180 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 21007310 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 21262640 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 21515750 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 21766710 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 22015580 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 22262500 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 22507620 } }; + new SparkDataSource { x= 0, xval= "2005", yval= 20090440 }, + new SparkDataSource { x= 1, xval= "2006", yval= 20264080 }, + new SparkDataSource { x= 2, xval= "2007", yval= 20434180 }, + new SparkDataSource { x= 3, xval= "2008", yval= 21007310 }, + new SparkDataSource { x= 4, xval= "2009", yval= 21262640 }, + new SparkDataSource { x= 5, xval= "2010", yval= 21515750 }, + new SparkDataSource { x= 6, xval= "2011", yval= 21766710 }, + new SparkDataSource { x= 7, xval= "2012", yval= 22015580 }, + new SparkDataSource { x= 8, xval= "2013", yval= 22262500 }, + new SparkDataSource { x= 9, xval= "2014", yval= 22507620 } }; public List populationDensityInAustralia = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 2.61 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 2.64 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 2.66 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 2.73 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 2.75 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 2.78 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 2.81 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 2.84 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 2.88 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 2.91 } }; + new SparkDataSource { x= 0, xval= "2005", yval= 2.61 }, + new SparkDataSource { x= 1, xval= "2006", yval= 2.64 }, + new SparkDataSource { x= 2, xval= "2007", yval= 2.66 }, + new SparkDataSource { x= 3, xval= "2008", yval= 2.73 }, + new SparkDataSource { x= 4, xval= "2009", yval= 2.75 }, + new SparkDataSource { x= 5, xval= "2010", yval= 2.78 }, + new SparkDataSource { x= 6, xval= "2011", yval= 2.81 }, + new SparkDataSource { x= 7, xval= "2012", yval= 2.84 }, + new SparkDataSource { x= 8, xval= "2013", yval= 2.88 }, + new SparkDataSource { x= 9, xval= "2014", yval= 2.91 } }; public List populationGrowthRateInAustralia = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 1 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= -1 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= -1 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 1 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= -1 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= -1 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= -1 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= -1 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= -1 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= -1 } + new SparkDataSource { x= 0, xval= "2005", yval= 1 }, + new SparkDataSource { x= 1, xval= "2006", yval= -1 }, + new SparkDataSource { x= 2, xval= "2007", yval= -1 }, + new SparkDataSource { x= 3, xval= "2008", yval= 1 }, + new SparkDataSource { x= 4, xval= "2009", yval= -1 }, + new SparkDataSource { x= 5, xval= "2010", yval= -1 }, + new SparkDataSource { x= 6, xval= "2011", yval= -1 }, + new SparkDataSource { x= 7, xval= "2012", yval= -1 }, + new SparkDataSource { x= 8, xval= "2013", yval= -1 }, + new SparkDataSource { x= 9, xval= "2014", yval= -1 } }; public List birthRateInAustralia = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 12.26 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 12.14 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 12.02 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 12.55 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 12.47 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 12.39 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 12.33 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 12.28 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 12.23 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 12.19 } + new SparkDataSource { x= 0, xval= "2005", yval= 12.26 }, + new SparkDataSource { x= 1, xval= "2006", yval= 12.14 }, + new SparkDataSource { x= 2, xval= "2007", yval= 12.02 }, + new SparkDataSource { x= 3, xval= "2008", yval= 12.55 }, + new SparkDataSource { x= 4, xval= "2009", yval= 12.47 }, + new SparkDataSource { x= 5, xval= "2010", yval= 12.39 }, + new SparkDataSource { x= 6, xval= "2011", yval= 12.33 }, + new SparkDataSource { x= 7, xval= "2012", yval= 12.28 }, + new SparkDataSource { x= 8, xval= "2013", yval= 12.23 }, + new SparkDataSource { x= 9, xval= "2014", yval= 12.19 } }; public List populationInCanada = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 32805040 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 33098930 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 33390140 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 33212700 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 33487210 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 33759740 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 34030590 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 34300080 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 34568210 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 34834840 } + new SparkDataSource { x= 0, xval= "2005", yval= 32805040 }, + new SparkDataSource { x= 1, xval= "2006", yval= 33098930 }, + new SparkDataSource { x= 2, xval= "2007", yval= 33390140 }, + new SparkDataSource { x= 3, xval= "2008", yval= 33212700 }, + new SparkDataSource { x= 4, xval= "2009", yval= 33487210 }, + new SparkDataSource { x= 5, xval= "2010", yval= 33759740 }, + new SparkDataSource { x= 6, xval= "2011", yval= 34030590 }, + new SparkDataSource { x= 7, xval= "2012", yval= 34300080 }, + new SparkDataSource { x= 8, xval= "2013", yval= 34568210 }, + new SparkDataSource { x= 9, xval= "2014", yval= 34834840 } }; public List populationDensityInCanada = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 3.29 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 3.31 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 3.34 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 3.33 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 3.35 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 3.38 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 3.41 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 3.44 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 3.46 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 3.49 } + new SparkDataSource { x= 0, xval= "2005", yval= 3.29 }, + new SparkDataSource { x= 1, xval= "2006", yval= 3.31 }, + new SparkDataSource { x= 2, xval= "2007", yval= 3.34 }, + new SparkDataSource { x= 3, xval= "2008", yval= 3.33 }, + new SparkDataSource { x= 4, xval= "2009", yval= 3.35 }, + new SparkDataSource { x= 5, xval= "2010", yval= 3.38 }, + new SparkDataSource { x= 6, xval= "2011", yval= 3.41 }, + new SparkDataSource { x= 7, xval= "2012", yval= 3.44 }, + new SparkDataSource { x= 8, xval= "2013", yval= 3.46 }, + new SparkDataSource { x= 9, xval= "2014", yval= 3.49 } }; public List populationGrowthRateInCanada = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 1 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= -1 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= -1 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= -1 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= -1 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= -1 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= -1 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= -1 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= -1 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= -1 } + new SparkDataSource { x= 0, xval= "2005", yval= 1 }, + new SparkDataSource { x= 1, xval= "2006", yval= -1 }, + new SparkDataSource { x= 2, xval= "2007", yval= -1 }, + new SparkDataSource { x= 3, xval= "2008", yval= -1 }, + new SparkDataSource { x= 4, xval= "2009", yval= -1 }, + new SparkDataSource { x= 5, xval= "2010", yval= -1 }, + new SparkDataSource { x= 6, xval= "2011", yval= -1 }, + new SparkDataSource { x= 7, xval= "2012", yval= -1 }, + new SparkDataSource { x= 8, xval= "2013", yval= -1 }, + new SparkDataSource { x= 9, xval= "2014", yval= -1 } }; public List birthRateInCanada = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 10.84 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 10.78 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 10.75 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 10.29 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 10.28 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 10.28 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 10.28 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 10.28 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 10.28 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 10.29 } + new SparkDataSource { x= 0, xval= "2005", yval= 10.84 }, + new SparkDataSource { x= 1, xval= "2006", yval= 10.78 }, + new SparkDataSource { x= 2, xval= "2007", yval= 10.75 }, + new SparkDataSource { x= 3, xval= "2008", yval= 10.29 }, + new SparkDataSource { x= 4, xval= "2009", yval= 10.28 }, + new SparkDataSource { x= 5, xval= "2010", yval= 10.28 }, + new SparkDataSource { x= 6, xval= "2011", yval= 10.28 }, + new SparkDataSource { x= 7, xval= "2012", yval= 10.28 }, + new SparkDataSource { x= 8, xval= "2013", yval= 10.28 }, + new SparkDataSource { x= 9, xval= "2014", yval= 10.29 } }; public List populationInChina = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 1306314000 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 1313974000 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 1321852000 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 1330045000 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 1338613000 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 1330141000 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 1336718000 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 1343240000 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 1349586000 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 1355693000 } + new SparkDataSource { x= 0, xval= "2005", yval= 1306314000 }, + new SparkDataSource { x= 1, xval= "2006", yval= 1313974000 }, + new SparkDataSource { x= 2, xval= "2007", yval= 1321852000 }, + new SparkDataSource { x= 3, xval= "2008", yval= 1330045000 }, + new SparkDataSource { x= 4, xval= "2009", yval= 1338613000 }, + new SparkDataSource { x= 5, xval= "2010", yval= 1330141000 }, + new SparkDataSource { x= 6, xval= "2011", yval= 1336718000 }, + new SparkDataSource { x= 7, xval= "2012", yval= 1343240000 }, + new SparkDataSource { x= 8, xval= "2013", yval= 1349586000 }, + new SparkDataSource { x= 9, xval= "2014", yval= 1355693000 } }; public List populationDensityInChina = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 136.12 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 136.92 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 137.74 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 138.59 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 139.48 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 138.6 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 139.29 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 139.97 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 140.63 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 141.26 } + new SparkDataSource { x= 0, xval= "2005", yval= 136.12 }, + new SparkDataSource { x= 1, xval= "2006", yval= 136.92 }, + new SparkDataSource { x= 2, xval= "2007", yval= 137.74 }, + new SparkDataSource { x= 3, xval= "2008", yval= 138.59 }, + new SparkDataSource { x= 4, xval= "2009", yval= 139.48 }, + new SparkDataSource { x= 5, xval= "2010", yval= 138.6 }, + new SparkDataSource { x= 6, xval= "2011", yval= 139.29 }, + new SparkDataSource { x= 7, xval= "2012", yval= 139.97 }, + new SparkDataSource { x= 8, xval= "2013", yval= 140.63 }, + new SparkDataSource { x= 9, xval= "2014", yval= 141.26 } }; public List populationGrowthRateInChina = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 1 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 1 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 1 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 1 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 1 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= -1 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 0 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= -1 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= -1 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= -1 } + new SparkDataSource { x= 0, xval= "2005", yval= 1 }, + new SparkDataSource { x= 1, xval= "2006", yval= 1 }, + new SparkDataSource { x= 2, xval= "2007", yval= 1 }, + new SparkDataSource { x= 3, xval= "2008", yval= 1 }, + new SparkDataSource { x= 4, xval= "2009", yval= 1 }, + new SparkDataSource { x= 5, xval= "2010", yval= -1 }, + new SparkDataSource { x= 6, xval= "2011", yval= 0 }, + new SparkDataSource { x= 7, xval= "2012", yval= -1 }, + new SparkDataSource { x= 8, xval= "2013", yval= -1 }, + new SparkDataSource { x= 9, xval= "2014", yval= -1 } }; public List birthRateInChina = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 13.14 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 13.25 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 13.45 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 13.71 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 14 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 12.17 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 12.29 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 12.31 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 12.25 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 12.17 } + new SparkDataSource { x= 0, xval= "2005", yval= 13.14 }, + new SparkDataSource { x= 1, xval= "2006", yval= 13.25 }, + new SparkDataSource { x= 2, xval= "2007", yval= 13.45 }, + new SparkDataSource { x= 3, xval= "2008", yval= 13.71 }, + new SparkDataSource { x= 4, xval= "2009", yval= 14 }, + new SparkDataSource { x= 5, xval= "2010", yval= 12.17 }, + new SparkDataSource { x= 6, xval= "2011", yval= 12.29 }, + new SparkDataSource { x= 7, xval= "2012", yval= 12.31 }, + new SparkDataSource { x= 8, xval= "2013", yval= 12.25 }, + new SparkDataSource { x= 9, xval= "2014", yval= 12.17 } }; public List populationInFrance = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 60656180 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 60876140 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 63713930 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 64057790 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 64057790 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 64768390 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 65312250 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 65630690 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 65951610 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 66259010 } + new SparkDataSource { x= 0, xval= "2005", yval= 60656180 }, + new SparkDataSource { x= 1, xval= "2006", yval= 60876140 }, + new SparkDataSource { x= 2, xval= "2007", yval= 63713930 }, + new SparkDataSource { x= 3, xval= "2008", yval= 64057790 }, + new SparkDataSource { x= 4, xval= "2009", yval= 64057790 }, + new SparkDataSource { x= 5, xval= "2010", yval= 64768390 }, + new SparkDataSource { x= 6, xval= "2011", yval= 65312250 }, + new SparkDataSource { x= 7, xval= "2012", yval= 65630690 }, + new SparkDataSource { x= 8, xval= "2013", yval= 65951610 }, + new SparkDataSource { x= 9, xval= "2014", yval= 66259010 } }; public List populationDensityInFrance = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 110.88 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 111.28 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 99.02 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 99.56 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 99.56 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 100.66 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 101.45 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 101.94 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 102.44 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 102.92 } + new SparkDataSource { x= 0, xval= "2005", yval= 110.88 }, + new SparkDataSource { x= 1, xval= "2006", yval= 111.28 }, + new SparkDataSource { x= 2, xval= "2007", yval= 99.02 }, + new SparkDataSource { x= 3, xval= "2008", yval= 99.56 }, + new SparkDataSource { x= 4, xval= "2009", yval= 99.56 }, + new SparkDataSource { x= 5, xval= "2010", yval= 100.66 }, + new SparkDataSource { x= 6, xval= "2011", yval= 101.45 }, + new SparkDataSource { x= 7, xval= "2012", yval= 101.94 }, + new SparkDataSource { x= 8, xval= "2013", yval= 102.44 }, + new SparkDataSource { x= 9, xval= "2014", yval= 102.92 } }; public List populationGrowthRateInFrance = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 1 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= -1 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 1 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= -1 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= -1 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= -1 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= -1 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 0 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= -1 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= -1 } + new SparkDataSource { x= 0, xval= "2005", yval= 1 }, + new SparkDataSource { x= 1, xval= "2006", yval= -1 }, + new SparkDataSource { x= 2, xval= "2007", yval= 1 }, + new SparkDataSource { x= 3, xval= "2008", yval= -1 }, + new SparkDataSource { x= 4, xval= "2009", yval= -1 }, + new SparkDataSource { x= 5, xval= "2010", yval= -1 }, + new SparkDataSource { x= 6, xval= "2011", yval= -1 }, + new SparkDataSource { x= 7, xval= "2012", yval= 0 }, + new SparkDataSource { x= 8, xval= "2013", yval= -1 }, + new SparkDataSource { x= 9, xval= "2014", yval= -1 } }; public List birthRateInFrance = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 12.15 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 11.99 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 12.91 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 12.73 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 12.57 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 12.43 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 12.29 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 12.72 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 12.6 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 12.6 } + new SparkDataSource { x= 0, xval= "2005", yval= 12.15 }, + new SparkDataSource { x= 1, xval= "2006", yval= 11.99 }, + new SparkDataSource { x= 2, xval= "2007", yval= 12.91 }, + new SparkDataSource { x= 3, xval= "2008", yval= 12.73 }, + new SparkDataSource { x= 4, xval= "2009", yval= 12.57 }, + new SparkDataSource { x= 5, xval= "2010", yval= 12.43 }, + new SparkDataSource { x= 6, xval= "2011", yval= 12.29 }, + new SparkDataSource { x= 7, xval= "2012", yval= 12.72 }, + new SparkDataSource { x= 8, xval= "2013", yval= 12.6 }, + new SparkDataSource { x= 9, xval= "2014", yval= 12.6 } }; public List populationInGermany = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 82431390 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 82422300 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 82400990 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 82369550 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 82329760 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 82282990 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 81471830 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 81305860 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 81147260 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 80996690 } + new SparkDataSource { x= 0, xval= "2005", yval= 82431390 }, + new SparkDataSource { x= 1, xval= "2006", yval= 82422300 }, + new SparkDataSource { x= 2, xval= "2007", yval= 82400990 }, + new SparkDataSource { x= 3, xval= "2008", yval= 82369550 }, + new SparkDataSource { x= 4, xval= "2009", yval= 82329760 }, + new SparkDataSource { x= 5, xval= "2010", yval= 82282990 }, + new SparkDataSource { x= 6, xval= "2011", yval= 81471830 }, + new SparkDataSource { x= 7, xval= "2012", yval= 81305860 }, + new SparkDataSource { x= 8, xval= "2013", yval= 81147260 }, + new SparkDataSource { x= 9, xval= "2014", yval= 80996690 } }; public List populationDensityInGermany = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 230.89 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 230.86 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 230.8 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 230.71 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 230.6 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 230.47 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 228.2 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 227.73 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 227.29 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 226.87 } + new SparkDataSource { x= 0, xval= "2005", yval= 230.89 }, + new SparkDataSource { x= 1, xval= "2006", yval= 230.86 }, + new SparkDataSource { x= 2, xval= "2007", yval= 230.8 }, + new SparkDataSource { x= 3, xval= "2008", yval= 230.71 }, + new SparkDataSource { x= 4, xval= "2009", yval= 230.6 }, + new SparkDataSource { x= 5, xval= "2010", yval= 230.47 }, + new SparkDataSource { x= 6, xval= "2011", yval= 228.2 }, + new SparkDataSource { x= 7, xval= "2012", yval= 227.73 }, + new SparkDataSource { x= 8, xval= "2013", yval= 227.29 }, + new SparkDataSource { x= 9, xval= "2014", yval= 226.87 } }; public List populationGrowthRateInGermany = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 0 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 1 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= -1 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= -1 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= -1 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= -1 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 1 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 1 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 1 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 1 } + new SparkDataSource { x= 0, xval= "2005", yval= 0 }, + new SparkDataSource { x= 1, xval= "2006", yval= 1 }, + new SparkDataSource { x= 2, xval= "2007", yval= -1 }, + new SparkDataSource { x= 3, xval= "2008", yval= -1 }, + new SparkDataSource { x= 4, xval= "2009", yval= -1 }, + new SparkDataSource { x= 5, xval= "2010", yval= -1 }, + new SparkDataSource { x= 6, xval= "2011", yval= 1 }, + new SparkDataSource { x= 7, xval= "2012", yval= 1 }, + new SparkDataSource { x= 8, xval= "2013", yval= 1 }, + new SparkDataSource { x= 9, xval= "2014", yval= 1 } }; public List birthRateInGermany = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 8.33 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 8.25 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 8.2 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 8.18 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 8.18 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 8.21 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 8.3 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 8.33 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 8.37 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 8.42 } + new SparkDataSource { x= 0, xval= "2005", yval= 8.33 }, + new SparkDataSource { x= 1, xval= "2006", yval= 8.25 }, + new SparkDataSource { x= 2, xval= "2007", yval= 8.2 }, + new SparkDataSource { x= 3, xval= "2008", yval= 8.18 }, + new SparkDataSource { x= 4, xval= "2009", yval= 8.18 }, + new SparkDataSource { x= 5, xval= "2010", yval= 8.21 }, + new SparkDataSource { x= 6, xval= "2011", yval= 8.3 }, + new SparkDataSource { x= 7, xval= "2012", yval= 8.33 }, + new SparkDataSource { x= 8, xval= "2013", yval= 8.37 }, + new SparkDataSource { x= 9, xval= "2014", yval= 8.42 } }; public List populationInIndia = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 1080264000 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 1095352000 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 1129866000 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 1147996000 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 1166079000 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 1173108000 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 1189173000 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 1205074000 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 1220800000 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 1236345000 } + new SparkDataSource { x= 0, xval= "2005", yval= 1080264000 }, + new SparkDataSource { x= 1, xval= "2006", yval= 1095352000 }, + new SparkDataSource { x= 2, xval= "2007", yval= 1129866000 }, + new SparkDataSource { x= 3, xval= "2008", yval= 1147996000 }, + new SparkDataSource { x= 4, xval= "2009", yval= 1166079000 }, + new SparkDataSource { x= 5, xval= "2010", yval= 1173108000 }, + new SparkDataSource { x= 6, xval= "2011", yval= 1189173000 }, + new SparkDataSource { x= 7, xval= "2012", yval= 1205074000 }, + new SparkDataSource { x= 8, xval= "2013", yval= 1220800000 }, + new SparkDataSource { x= 9, xval= "2014", yval= 1236345000 } }; public List populationDensityInIndia = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 328.59 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 333.18 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 343.68 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 349.19 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 354.73 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 356.86 }, - new SparkDataSource { X= 6, XValue= "2011", YValue=361.75 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 366.59 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 371.37 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 376.1 } + new SparkDataSource { x= 0, xval= "2005", yval= 328.59 }, + new SparkDataSource { x= 1, xval= "2006", yval= 333.18 }, + new SparkDataSource { x= 2, xval= "2007", yval= 343.68 }, + new SparkDataSource { x= 3, xval= "2008", yval= 349.19 }, + new SparkDataSource { x= 4, xval= "2009", yval= 354.73 }, + new SparkDataSource { x= 5, xval= "2010", yval= 356.86 }, + new SparkDataSource { x= 6, xval= "2011", yval=361.75 }, + new SparkDataSource { x= 7, xval= "2012", yval= 366.59 }, + new SparkDataSource { x= 8, xval= "2013", yval= 371.37 }, + new SparkDataSource { x= 9, xval= "2014", yval= 376.1 } }; public List populationGrowthRateInIndia = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 1 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= -1 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 1 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= -1 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= -1 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= -1 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= -1 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= -1 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= -1 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= -1 } + new SparkDataSource { x= 0, xval= "2005", yval= 1 }, + new SparkDataSource { x= 1, xval= "2006", yval= -1 }, + new SparkDataSource { x= 2, xval= "2007", yval= 1 }, + new SparkDataSource { x= 3, xval= "2008", yval= -1 }, + new SparkDataSource { x= 4, xval= "2009", yval= -1 }, + new SparkDataSource { x= 5, xval= "2010", yval= -1 }, + new SparkDataSource { x= 6, xval= "2011", yval= -1 }, + new SparkDataSource { x= 7, xval= "2012", yval= -1 }, + new SparkDataSource { x= 8, xval= "2013", yval= -1 }, + new SparkDataSource { x= 9, xval= "2014", yval= -1 } }; public List birthRateInIndia = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 22.32 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 22.01 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 22.69 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 22.22 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 21.76 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 21.34 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 20.97 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 20.6 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 20.24 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 19.89 } + new SparkDataSource { x= 0, xval= "2005", yval= 22.32 }, + new SparkDataSource { x= 1, xval= "2006", yval= 22.01 }, + new SparkDataSource { x= 2, xval= "2007", yval= 22.69 }, + new SparkDataSource { x= 3, xval= "2008", yval= 22.22 }, + new SparkDataSource { x= 4, xval= "2009", yval= 21.76 }, + new SparkDataSource { x= 5, xval= "2010", yval= 21.34 }, + new SparkDataSource { x= 6, xval= "2011", yval= 20.97 }, + new SparkDataSource { x= 7, xval= "2012", yval= 20.6 }, + new SparkDataSource { x= 8, xval= "2013", yval= 20.24 }, + new SparkDataSource { x= 9, xval= "2014", yval= 19.89 } }; public List populationInRussia = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 143420300 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 142893500 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 141377800 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 140702100 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 140041200 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 139390200 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 138739900 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 142517700 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 142500500 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 142470300 } + new SparkDataSource { x= 0, xval= "2005", yval= 143420300 }, + new SparkDataSource { x= 1, xval= "2006", yval= 142893500 }, + new SparkDataSource { x= 2, xval= "2007", yval= 141377800 }, + new SparkDataSource { x= 3, xval= "2008", yval= 140702100 }, + new SparkDataSource { x= 4, xval= "2009", yval= 140041200 }, + new SparkDataSource { x= 5, xval= "2010", yval= 139390200 }, + new SparkDataSource { x= 6, xval= "2011", yval= 138739900 }, + new SparkDataSource { x= 7, xval= "2012", yval= 142517700 }, + new SparkDataSource { x= 8, xval= "2013", yval= 142500500 }, + new SparkDataSource { x= 9, xval= "2014", yval= 142470300 } }; public List populationDensityInRussia = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 8.4 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 8.37 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 8.28 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 8.24 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 8.19 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 8.15 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 8.11 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 8.34 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 8.33 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 8.33 } + new SparkDataSource { x= 0, xval= "2005", yval= 8.4 }, + new SparkDataSource { x= 1, xval= "2006", yval= 8.37 }, + new SparkDataSource { x= 2, xval= "2007", yval= 8.28 }, + new SparkDataSource { x= 3, xval= "2008", yval= 8.24 }, + new SparkDataSource { x= 4, xval= "2009", yval= 8.19 }, + new SparkDataSource { x= 5, xval= "2010", yval= 8.15 }, + new SparkDataSource { x= 6, xval= "2011", yval= 8.11 }, + new SparkDataSource { x= 7, xval= "2012", yval= 8.34 }, + new SparkDataSource { x= 8, xval= "2013", yval= 8.33 }, + new SparkDataSource { x= 9, xval= "2014", yval= 8.33 } }; public List populationGrowthRateInRussia = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 1 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 0 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= -1 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 1 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 0 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 0 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 0 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= -1 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 1 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= -1 } + new SparkDataSource { x= 0, xval= "2005", yval= 1 }, + new SparkDataSource { x= 1, xval= "2006", yval= 0 }, + new SparkDataSource { x= 2, xval= "2007", yval= -1 }, + new SparkDataSource { x= 3, xval= "2008", yval= 1 }, + new SparkDataSource { x= 4, xval= "2009", yval= 0 }, + new SparkDataSource { x= 5, xval= "2010", yval= 0 }, + new SparkDataSource { x= 6, xval= "2011", yval= 0 }, + new SparkDataSource { x= 7, xval= "2012", yval= -1 }, + new SparkDataSource { x= 8, xval= "2013", yval= 1 }, + new SparkDataSource { x= 9, xval= "2014", yval= -1 } }; public List birthRateInRussia = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 9.8 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 9.95 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 10.92 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 11.03 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 11.1 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 11.11 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 11.05 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 10.94 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 12.11 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 11.87 } + new SparkDataSource { x= 0, xval= "2005", yval= 9.8 }, + new SparkDataSource { x= 1, xval= "2006", yval= 9.95 }, + new SparkDataSource { x= 2, xval= "2007", yval= 10.92 }, + new SparkDataSource { x= 3, xval= "2008", yval= 11.03 }, + new SparkDataSource { x= 4, xval= "2009", yval= 11.1 }, + new SparkDataSource { x= 5, xval= "2010", yval= 11.11 }, + new SparkDataSource { x= 6, xval= "2011", yval= 11.05 }, + new SparkDataSource { x= 7, xval= "2012", yval= 10.94 }, + new SparkDataSource { x= 8, xval= "2013", yval= 12.11 }, + new SparkDataSource { x= 9, xval= "2014", yval= 11.87 } }; public List populationInSweden = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 9001774 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 9016596 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 9031088 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 9045389 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 9059651 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 9074055 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 9074055 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 9103788 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 9119423 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 9723809 } + new SparkDataSource { x= 0, xval= "2005", yval= 9001774 }, + new SparkDataSource { x= 1, xval= "2006", yval= 9016596 }, + new SparkDataSource { x= 2, xval= "2007", yval= 9031088 }, + new SparkDataSource { x= 3, xval= "2008", yval= 9045389 }, + new SparkDataSource { x= 4, xval= "2009", yval= 9059651 }, + new SparkDataSource { x= 5, xval= "2010", yval= 9074055 }, + new SparkDataSource { x= 6, xval= "2011", yval= 9074055 }, + new SparkDataSource { x= 7, xval= "2012", yval= 9103788 }, + new SparkDataSource { x= 8, xval= "2013", yval= 9119423 }, + new SparkDataSource { x= 9, xval= "2014", yval= 9723809 } }; public List populationDensityInSweden = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 20.01 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 20.04 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 20.07 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 20.1 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 20.12 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 20.15 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 20.18 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 20.22 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 20.25 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 21.59 } + new SparkDataSource { x= 0, xval= "2005", yval= 20.01 }, + new SparkDataSource { x= 1, xval= "2006", yval= 20.04 }, + new SparkDataSource { x= 2, xval= "2007", yval= 20.07 }, + new SparkDataSource { x= 3, xval= "2008", yval= 20.1 }, + new SparkDataSource { x= 4, xval= "2009", yval= 20.12 }, + new SparkDataSource { x= 5, xval= "2010", yval= 20.15 }, + new SparkDataSource { x= 6, xval= "2011", yval= 20.18 }, + new SparkDataSource { x= 7, xval= "2012", yval= 20.22 }, + new SparkDataSource { x= 8, xval= "2013", yval= 20.25 }, + new SparkDataSource { x= 9, xval= "2014", yval= 21.59 } }; public List populationGrowthRateInSweden = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 1 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= -1 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 0 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 0 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 0 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 0 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 0 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 1 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 1 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 1 } + new SparkDataSource { x= 0, xval= "2005", yval= 1 }, + new SparkDataSource { x= 1, xval= "2006", yval= -1 }, + new SparkDataSource { x= 2, xval= "2007", yval= 0 }, + new SparkDataSource { x= 3, xval= "2008", yval= 0 }, + new SparkDataSource { x= 4, xval= "2009", yval= 0 }, + new SparkDataSource { x= 5, xval= "2010", yval= 0 }, + new SparkDataSource { x= 6, xval= "2011", yval= 0 }, + new SparkDataSource { x= 7, xval= "2012", yval= 1 }, + new SparkDataSource { x= 8, xval= "2013", yval= 1 }, + new SparkDataSource { x= 9, xval= "2014", yval= 1 } }; public List birthRateInSweden = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 10.36 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 10.27 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 10.2 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 10.15 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 10.13 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 10.14 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 10.18 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 10.24 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 10.33 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 11.92 } + new SparkDataSource { x= 0, xval= "2005", yval= 10.36 }, + new SparkDataSource { x= 1, xval= "2006", yval= 10.27 }, + new SparkDataSource { x= 2, xval= "2007", yval= 10.2 }, + new SparkDataSource { x= 3, xval= "2008", yval= 10.15 }, + new SparkDataSource { x= 4, xval= "2009", yval= 10.13 }, + new SparkDataSource { x= 5, xval= "2010", yval= 10.14 }, + new SparkDataSource { x= 6, xval= "2011", yval= 10.18 }, + new SparkDataSource { x= 7, xval= "2012", yval= 10.24 }, + new SparkDataSource { x= 8, xval= "2013", yval= 10.33 }, + new SparkDataSource { x= 9, xval= "2014", yval= 11.92 } }; public List populationInUK = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 60441460 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 60609150 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 60776240 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 60943910 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 61113200 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 62348450 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 62698360 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 63047160 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 63395580 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 63742980 } + new SparkDataSource { x= 0, xval= "2005", yval= 60441460 }, + new SparkDataSource { x= 1, xval= "2006", yval= 60609150 }, + new SparkDataSource { x= 2, xval= "2007", yval= 60776240 }, + new SparkDataSource { x= 3, xval= "2008", yval= 60943910 }, + new SparkDataSource { x= 4, xval= "2009", yval= 61113200 }, + new SparkDataSource { x= 5, xval= "2010", yval= 62348450 }, + new SparkDataSource { x= 6, xval= "2011", yval= 62698360 }, + new SparkDataSource { x= 7, xval= "2012", yval= 63047160 }, + new SparkDataSource { x= 8, xval= "2013", yval= 63395580 }, + new SparkDataSource { x= 9, xval= "2014", yval= 63742980 } }; public List populationDensityInUK = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 246.88 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 247.57 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 248.25 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 248.93 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 250.86 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 255.94 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 257.37 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 258.8 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 260.23 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 261.66 } + new SparkDataSource { x= 0, xval= "2005", yval= 246.88 }, + new SparkDataSource { x= 1, xval= "2006", yval= 247.57 }, + new SparkDataSource { x= 2, xval= "2007", yval= 248.25 }, + new SparkDataSource { x= 3, xval= "2008", yval= 248.93 }, + new SparkDataSource { x= 4, xval= "2009", yval= 250.86 }, + new SparkDataSource { x= 5, xval= "2010", yval= 255.94 }, + new SparkDataSource { x= 6, xval= "2011", yval= 257.37 }, + new SparkDataSource { x= 7, xval= "2012", yval= 258.8 }, + new SparkDataSource { x= 8, xval= "2013", yval= 260.23 }, + new SparkDataSource { x= 9, xval= "2014", yval= 261.66 } }; public List populationGrowthRateInUK = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 1 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 0 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 0 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 0 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 0 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 1 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 0 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= -1 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 0 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= -1 } + new SparkDataSource { x= 0, xval= "2005", yval= 1 }, + new SparkDataSource { x= 1, xval= "2006", yval= 0 }, + new SparkDataSource { x= 2, xval= "2007", yval= 0 }, + new SparkDataSource { x= 3, xval= "2008", yval= 0 }, + new SparkDataSource { x= 4, xval= "2009", yval= 0 }, + new SparkDataSource { x= 5, xval= "2010", yval= 1 }, + new SparkDataSource { x= 6, xval= "2011", yval= 0 }, + new SparkDataSource { x= 7, xval= "2012", yval= -1 }, + new SparkDataSource { x= 8, xval= "2013", yval= 0 }, + new SparkDataSource { x= 9, xval= "2014", yval= -1 } }; public List birthRateInUK = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 10.78 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 10.71 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 10.67 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 10.65 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 10.65 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 12.34 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 12.29 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 12.27 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 12.26 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 12.22 } + new SparkDataSource { x= 0, xval= "2005", yval= 10.78 }, + new SparkDataSource { x= 1, xval= "2006", yval= 10.71 }, + new SparkDataSource { x= 2, xval= "2007", yval= 10.67 }, + new SparkDataSource { x= 3, xval= "2008", yval= 10.65 }, + new SparkDataSource { x= 4, xval= "2009", yval= 10.65 }, + new SparkDataSource { x= 5, xval= "2010", yval= 12.34 }, + new SparkDataSource { x= 6, xval= "2011", yval= 12.29 }, + new SparkDataSource { x= 7, xval= "2012", yval= 12.27 }, + new SparkDataSource { x= 8, xval= "2013", yval= 12.26 }, + new SparkDataSource { x= 9, xval= "2014", yval= 12.22 } }; public List populationInUS = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 295734100 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 298444200 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 301139900 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 303824600 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 307212100 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 310232900 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 313232000 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 313847500 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 316668600 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 318892100 } + new SparkDataSource { x= 0, xval= "2005", yval= 295734100 }, + new SparkDataSource { x= 1, xval= "2006", yval= 298444200 }, + new SparkDataSource { x= 2, xval= "2007", yval= 301139900 }, + new SparkDataSource { x= 3, xval= "2008", yval= 303824600 }, + new SparkDataSource { x= 4, xval= "2009", yval= 307212100 }, + new SparkDataSource { x= 5, xval= "2010", yval= 310232900 }, + new SparkDataSource { x= 6, xval= "2011", yval= 313232000 }, + new SparkDataSource { x= 7, xval= "2012", yval= 313847500 }, + new SparkDataSource { x= 8, xval= "2013", yval= 316668600 }, + new SparkDataSource { x= 9, xval= "2014", yval= 318892100 } }; public List populationDensityInUS = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 30.71 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 30.99 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 30.65 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 30.92 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 31.26 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 31.57 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 31.88 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 31.94 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 32.23 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 32.45 } + new SparkDataSource { x= 0, xval= "2005", yval= 30.71 }, + new SparkDataSource { x= 1, xval= "2006", yval= 30.99 }, + new SparkDataSource { x= 2, xval= "2007", yval= 30.65 }, + new SparkDataSource { x= 3, xval= "2008", yval= 30.92 }, + new SparkDataSource { x= 4, xval= "2009", yval= 31.26 }, + new SparkDataSource { x= 5, xval= "2010", yval= 31.57 }, + new SparkDataSource { x= 6, xval= "2011", yval= 31.88 }, + new SparkDataSource { x= 7, xval= "2012", yval= 31.94 }, + new SparkDataSource { x= 8, xval= "2013", yval= 32.23 }, + new SparkDataSource { x= 9, xval= "2014", yval= 32.45 } }; public List populationGrowthRateInUS = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 1 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= -1 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= -1 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= -1 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 1 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= -1 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= -1 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= -1 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= -1 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= -1 } + new SparkDataSource { x= 0, xval= "2005", yval= 1 }, + new SparkDataSource { x= 1, xval= "2006", yval= -1 }, + new SparkDataSource { x= 2, xval= "2007", yval= -1 }, + new SparkDataSource { x= 3, xval= "2008", yval= -1 }, + new SparkDataSource { x= 4, xval= "2009", yval= 1 }, + new SparkDataSource { x= 5, xval= "2010", yval= -1 }, + new SparkDataSource { x= 6, xval= "2011", yval= -1 }, + new SparkDataSource { x= 7, xval= "2012", yval= -1 }, + new SparkDataSource { x= 8, xval= "2013", yval= -1 }, + new SparkDataSource { x= 9, xval= "2014", yval= -1 } }; public List birthRateInUS = new List { - new SparkDataSource { X= 0, XValue= "2005", YValue= 14.14 }, - new SparkDataSource { X= 1, XValue= "2006", YValue= 14.14 }, - new SparkDataSource { X= 2, XValue= "2007", YValue= 14.16 }, - new SparkDataSource { X= 3, XValue= "2008", YValue= 14.18 }, - new SparkDataSource { X= 4, XValue= "2009", YValue= 13.82 }, - new SparkDataSource { X= 5, XValue= "2010", YValue= 13.83 }, - new SparkDataSource { X= 6, XValue= "2011", YValue= 13.83 }, - new SparkDataSource { X= 7, XValue= "2012", YValue= 13.68 }, - new SparkDataSource { X= 8, XValue= "2013", YValue= 13.66 }, - new SparkDataSource { X= 9, XValue= "2014", YValue= 13.42 } + new SparkDataSource { x= 0, xval= "2005", yval= 14.14 }, + new SparkDataSource { x= 1, xval= "2006", yval= 14.14 }, + new SparkDataSource { x= 2, xval= "2007", yval= 14.16 }, + new SparkDataSource { x= 3, xval= "2008", yval= 14.18 }, + new SparkDataSource { x= 4, xval= "2009", yval= 13.82 }, + new SparkDataSource { x= 5, xval= "2010", yval= 13.83 }, + new SparkDataSource { x= 6, xval= "2011", yval= 13.83 }, + new SparkDataSource { x= 7, xval= "2012", yval= 13.68 }, + new SparkDataSource { x= 8, xval= "2013", yval= 13.66 }, + new SparkDataSource { x= 9, xval= "2014", yval= 13.42 } }; } diff --git a/ej2-blazor-samples/Pages/Charts/Sparkline/SeriesType.razor b/ej2-blazor-samples/Pages/Charts/Sparkline/SeriesType.razor index 5355bef06..66611a5f2 100644 --- a/ej2-blazor-samples/Pages/Charts/Sparkline/SeriesType.razor +++ b/ej2-blazor-samples/Pages/Charts/Sparkline/SeriesType.razor @@ -27,10 +27,10 @@
Power production for a day
- + - + @@ -40,9 +40,9 @@
Average weather comparision
- + - + @@ -52,8 +52,8 @@
Revenue status
- - + + @@ -62,8 +62,8 @@
Customer satisfaction score
- - + +
@@ -72,22 +72,22 @@
USA
- - + +
GBR
- - + +
CHN
- - + +
@@ -139,75 +139,75 @@ @code { public String height { get; set; } = "80px"; public class SparkDataSource { - public double X; - public double YValue; + public double x; + public double yval; } public List powerProductionData = new List { - new SparkDataSource { X= 1, YValue= 5 }, - new SparkDataSource { X= 2, YValue= 6 }, - new SparkDataSource { X= 3, YValue= 5 }, - new SparkDataSource { X= 4, YValue= 7 }, - new SparkDataSource { X= 5, YValue= 4 }, - new SparkDataSource { X= 6, YValue= 3 }, - new SparkDataSource { X= 7, YValue= 9 }, - new SparkDataSource { X= 8, YValue= 5 }, - new SparkDataSource { X= 9, YValue= 6 }, - new SparkDataSource { X= 10, YValue= 5 }, - new SparkDataSource { X= 11, YValue= 7 }, - new SparkDataSource { X= 12, YValue= 8 }, - new SparkDataSource { X= 13, YValue= 4 }, - new SparkDataSource { X= 14, YValue= 5 }, - new SparkDataSource { X= 15, YValue= 3 }, - new SparkDataSource { X= 16, YValue= 4 }, - new SparkDataSource { X= 17, YValue= 11 }, - new SparkDataSource { X= 18, YValue= 10 }, - new SparkDataSource { X= 19, YValue= 2 }, - new SparkDataSource { X= 20, YValue= 12 }, - new SparkDataSource { X= 21, YValue= 4 }, - new SparkDataSource { X= 22, YValue= 7 }, - new SparkDataSource { X= 23, YValue= 6 }, - new SparkDataSource { X= 24, YValue= 8 } + new SparkDataSource { x= 1, yval= 5 }, + new SparkDataSource { x= 2, yval= 6 }, + new SparkDataSource { x= 3, yval= 5 }, + new SparkDataSource { x= 4, yval= 7 }, + new SparkDataSource { x= 5, yval= 4 }, + new SparkDataSource { x= 6, yval= 3 }, + new SparkDataSource { x= 7, yval= 9 }, + new SparkDataSource { x= 8, yval= 5 }, + new SparkDataSource { x= 9, yval= 6 }, + new SparkDataSource { x= 10, yval= 5 }, + new SparkDataSource { x= 11, yval= 7 }, + new SparkDataSource { x= 12, yval= 8 }, + new SparkDataSource { x= 13, yval= 4 }, + new SparkDataSource { x= 14, yval= 5 }, + new SparkDataSource { x= 15, yval= 3 }, + new SparkDataSource { x= 16, yval= 4 }, + new SparkDataSource { x= 17, yval= 11 }, + new SparkDataSource { x= 18, yval= 10 }, + new SparkDataSource { x= 19, yval= 2 }, + new SparkDataSource { x= 20, yval= 12 }, + new SparkDataSource { x= 21, yval= 4 }, + new SparkDataSource { x= 22, yval= 7 }, + new SparkDataSource { x= 23, yval= 6 }, + new SparkDataSource { x= 24, yval= 8 } }; public class SparkData { - public double X; + public double x; public string xval; - public double YValue; + public double yval; }; public List weatherData = new List { - new SparkData { X= 1, xval= "Jan", YValue= 34 }, - new SparkData { X= 2, xval= "Feb", YValue= 36 }, - new SparkData { X= 3, xval= "Mar", YValue= 32 }, - new SparkData { X= 4, xval= "Apr", YValue= 35 }, - new SparkData { X= 5, xval= "May", YValue= 40 }, - new SparkData { X= 6, xval= "Jun", YValue= 38 }, - new SparkData { X= 7, xval= "Jul", YValue= 33 }, - new SparkData { X= 8, xval= "Aug", YValue= 37 }, - new SparkData { X= 9, xval="Sep", YValue= 34 }, - new SparkData { X= 10, xval= "Oct", YValue= 31 }, - new SparkData { X= 11, xval= "Nov", YValue= 30 }, - new SparkData { X= 12, xval= "Dec", YValue= 29 } + new SparkData { x= 1, xval= "Jan", yval= 34 }, + new SparkData { x= 2, xval= "Feb", yval= 36 }, + new SparkData { x= 3, xval= "Mar", yval= 32 }, + new SparkData { x= 4, xval= "Apr", yval= 35 }, + new SparkData { x= 5, xval= "May", yval= 40 }, + new SparkData { x= 6, xval= "Jun", yval= 38 }, + new SparkData { x= 7, xval= "Jul", yval= 33 }, + new SparkData { x= 8, xval= "Aug", yval= 37 }, + new SparkData { x= 9, xval="Sep", yval= 34 }, + new SparkData { x= 10, xval= "Oct", yval= 31 }, + new SparkData { x= 11, xval= "Nov", yval= 30 }, + new SparkData { x= 12, xval= "Dec", yval= 29 } }; public List revenueStatusData = new List { - new SparkData { X= 1, xval= "Jan", YValue= 10 }, - new SparkData { X= 2, xval= "Feb", YValue= 6 }, - new SparkData { X= 3, xval= "Mar", YValue= 8 }, - new SparkData { X= 4, xval= "Apr", YValue= -5 }, - new SparkData { X= 5, xval= "May", YValue= 11 }, - new SparkData { X= 6, xval= "Jun", YValue= 5 }, - new SparkData { X= 7, xval= "Jul", YValue= -2 }, - new SparkData { X= 8, xval= "Aug", YValue= 7 }, - new SparkData { X= 9, xval= "Sep", YValue= -3 }, - new SparkData { X= 10, xval= "Oct", YValue= 6 }, - new SparkData { X= 11, xval= "Nov", YValue= 8 }, - new SparkData { X= 12, xval= "Dec", YValue= 10 } + new SparkData { x= 1, xval= "Jan", yval= 10 }, + new SparkData { x= 2, xval= "Feb", yval= 6 }, + new SparkData { x= 3, xval= "Mar", yval= 8 }, + new SparkData { x= 4, xval= "Apr", yval= -5 }, + new SparkData { x= 5, xval= "May", yval= 11 }, + new SparkData { x= 6, xval= "Jun", yval= 5 }, + new SparkData { x= 7, xval= "Jul", yval= -2 }, + new SparkData { x= 8, xval= "Aug", yval= 7 }, + new SparkData { x= 9, xval= "Sep", yval= -3 }, + new SparkData { x= 10, xval= "Oct", yval= 6 }, + new SparkData { x= 11, xval= "Nov", yval= 8 }, + new SparkData { x= 12, xval= "Dec", yval= 10 } }; public class SparkDatapie { - public string X; - public double Y; + public string x; + public double y; }; public List customerStatisficationData { get; set; } = new List { @@ -216,31 +216,31 @@ public List usaOlympicsMedals = new List { - new SparkDatapie { X= "Gold", Y = 46}, - new SparkDatapie { X= "Silver", Y = 37}, - new SparkDatapie { X= "Bronze", Y = 38} + new SparkDatapie { x= "Gold", y = 46}, + new SparkDatapie { x= "Silver", y = 37}, + new SparkDatapie { x= "Bronze", y = 38} }; public List gbrOlympicsMedals = new List { - new SparkDatapie { X= "Gold", Y = 27}, - new SparkDatapie { X= "Silver", Y = 23}, - new SparkDatapie { X= "Bronze", Y = 17} + new SparkDatapie { x= "Gold", y = 27}, + new SparkDatapie { x= "Silver", y = 23}, + new SparkDatapie { x= "Bronze", y = 17} }; public List chinaOlympicsMedals = new List { - new SparkDatapie { X= "Gold", Y = 26}, - new SparkDatapie { X= "Silver", Y = 18}, - new SparkDatapie { X= "Bronze", Y = 26} + new SparkDatapie { x= "Gold", y = 26}, + new SparkDatapie { x= "Silver", y = 18}, + new SparkDatapie { x= "Bronze", y = 26} }; public class SparkMarker { - public List Visible; + public List visible; }; public SparkMarker markerVisible = new SparkMarker { - Visible = new List { "All" } + visible = new List { "All" } }; } \ No newline at end of file diff --git a/ej2-blazor-samples/Pages/CircularGauge/SampleList.cs b/ej2-blazor-samples/Pages/CircularGauge/SampleList.cs index ea237ae41..418a3c3a0 100644 --- a/ej2-blazor-samples/Pages/CircularGauge/SampleList.cs +++ b/ej2-blazor-samples/Pages/CircularGauge/SampleList.cs @@ -43,15 +43,6 @@ internal partial class SampleConfig Url = "CircularGauge/PointerImage", FileName = "PointerImage.razor", Type = SampleType.New - }, - new Sample - { - Name = "Tooltip", - Category = "CircularGauge", - Directory = "CircularGauge/CircularGauge", - Url = "CircularGauge/Tooltip", - FileName = "Tooltip.razor", - Type = SampleType.New } }; } From 887ee61cbd30c9edce02e4d5e6fd6f6e67e9fb82 Mon Sep 17 00:00:00 2001 From: Mohan R Date: Sat, 22 Jun 2019 11:49:55 +0530 Subject: [PATCH 28/32] Update SampleList.cs --- ej2-blazor-samples/Pages/Gantt/SampleList.cs | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/ej2-blazor-samples/Pages/Gantt/SampleList.cs b/ej2-blazor-samples/Pages/Gantt/SampleList.cs index 0b36f01a9..c8eff0e6e 100644 --- a/ej2-blazor-samples/Pages/Gantt/SampleList.cs +++ b/ej2-blazor-samples/Pages/Gantt/SampleList.cs @@ -18,15 +18,15 @@ internal partial class SampleConfig FileName = "DefaultFunctionalities.razor", Type = SampleType.New }, - new Sample - { - Name = "Editing", - Category = "Gantt", - Directory = "Gantt/Editing", - Url = "Gantt/Editing", - FileName = "Editing.razor", - Type = SampleType.New - }, + //new Sample + //{ + // Name = "Editing", + // Category = "Gantt", + // Directory = "Gantt/Editing", + // Url = "Gantt/Editing", + // FileName = "Editing.razor", + // Type = SampleType.New + //}, new Sample { Name = "Baseline", From fc66af72f2040d6641f09589a9c6369b88d88415 Mon Sep 17 00:00:00 2001 From: Mohan R Date: Sat, 22 Jun 2019 11:50:58 +0530 Subject: [PATCH 29/32] Update DefaultFunctionalities.razor --- .../HeatMapChart/HeatMapChart/DefaultFunctionalities.razor | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/ej2-blazor-samples/Pages/HeatMapChart/HeatMapChart/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/HeatMapChart/HeatMapChart/DefaultFunctionalities.razor index 149f830f2..21d93419f 100644 --- a/ej2-blazor-samples/Pages/HeatMapChart/HeatMapChart/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/HeatMapChart/HeatMapChart/DefaultFunctionalities.razor @@ -34,7 +34,7 @@
- +
@@ -58,4 +58,4 @@ { heatmapData = this.heatmap.DataSource = HeatMapData.GetDefaultData(); } -} \ No newline at end of file +} From c2fc5a70fe85f79cc98f79b42dabb5c88596d633 Mon Sep 17 00:00:00 2001 From: Mohan R Date: Sat, 22 Jun 2019 11:51:13 +0530 Subject: [PATCH 30/32] Update Emptypoints.razor --- .../Pages/HeatMapChart/HeatMapChart/Emptypoints.razor | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ej2-blazor-samples/Pages/HeatMapChart/HeatMapChart/Emptypoints.razor b/ej2-blazor-samples/Pages/HeatMapChart/HeatMapChart/Emptypoints.razor index 39fed826e..b0554ef54 100644 --- a/ej2-blazor-samples/Pages/HeatMapChart/HeatMapChart/Emptypoints.razor +++ b/ej2-blazor-samples/Pages/HeatMapChart/HeatMapChart/Emptypoints.razor @@ -37,7 +37,7 @@
- + From 50a076296d658e93498b8fa4ef18a089439a9cda Mon Sep 17 00:00:00 2001 From: PrasannaKumarViswanathan <52036918+PrasannaKumarViswanathan@users.noreply.github.com> Date: Sat, 22 Jun 2019 13:18:39 +0530 Subject: [PATCH 31/32] Update Sample list in Grid Update Sample list in Grid --- ej2-blazor-samples/Pages/Grid/SampleList.cs | 22 --------------------- 1 file changed, 22 deletions(-) diff --git a/ej2-blazor-samples/Pages/Grid/SampleList.cs b/ej2-blazor-samples/Pages/Grid/SampleList.cs index ac97f4234..57ad7e73f 100644 --- a/ej2-blazor-samples/Pages/Grid/SampleList.cs +++ b/ej2-blazor-samples/Pages/Grid/SampleList.cs @@ -34,29 +34,7 @@ internal partial class SampleConfig Url = "Grid/Filtering", FileName = "Filtering.razor", Type = SampleType.New - }, - new Sample - { - Name = "Inline Editing", - Category = "DataGrid", - Directory = "Grid/DataGrid", - Url = "Grid/InlineEditing", - FileName = "InlineEditing.razor", - Type = SampleType.New - }, - new Sample - { - Name = "Checkbox Selection", - Category = "DataGrid", - Directory = "Grid/DataGrid", - Url = "Grid/CheckboxSelection", - FileName = "CheckboxSelection.razor", - Type = SampleType.New } }; } - - - - } From 4de94296b854999f3de658579e66ff714202b809 Mon Sep 17 00:00:00 2001 From: kmuthukumar3032 Date: Sat, 22 Jun 2019 18:18:46 +0530 Subject: [PATCH 32/32] config(EJ2-000): github samples updated --- ej2-blazor-samples/Shared/MainLayout.razor | 109 +++++----- ej2-blazor-samples/Shared/NavMenu.razor | 209 ++++++++++--------- ej2-blazor-samples/ej2-blazor-samples.csproj | 2 +- ej2-blazor-samples/wwwroot/scripts/index.js | 10 +- ej2-blazor-samples/wwwroot/styles/index.css | 3 +- 5 files changed, 171 insertions(+), 162 deletions(-) diff --git a/ej2-blazor-samples/Shared/MainLayout.razor b/ej2-blazor-samples/Shared/MainLayout.razor index 1249dd12f..8ad605104 100644 --- a/ej2-blazor-samples/Shared/MainLayout.razor +++ b/ej2-blazor-samples/Shared/MainLayout.razor @@ -364,71 +364,72 @@ protected void onSourceTabSelected(Syncfusion.EJ2.RazorComponents.Navigations.Se sources = new List(); if (arg.SelectedIndex == 1) { - SampleBrowser.CurrentControl.ForEach(async (s) => - { - if (s.Name == SampleBrowser.CurrentSampleName) - { - String response = await Http.GetStringAsync("https://ej2.syncfusion.com/razor-components/Pages/" + s.Directory + "/" + s.FileName + ".txt"); - response = response.Replace("<", "<"); - response = response.Replace(">", ">"); - response = RemoveString(response); - sources.Add(new TabItem(){ Header = new { text = s.FileName }, Content = "
" + response + "
" }); - this.sourceTab.Items = sources; - this.sourceTab.DataBind(); - JsRuntime.InvokeAsync("refreshTab", response); - } + SampleBrowser.CurrentControl.ForEach(async (s) => + { + if (s.Name == SampleBrowser.CurrentSampleName) + { + String response = await Http.GetStringAsync("https://ej2.syncfusion.com/razor-components/Pages/" + s.Directory + "/" + s.FileName + ".txt"); + response = response.Replace("<", "<"); + response = response.Replace(">", ">"); + response = RemoveString(response); + sources.Add(new TabItem(){ Header = new { text = s.FileName }, Content = "
" + response + "
" }); + this.sourceTab.Items = sources; + @*Console.WriteLine("this.sourceTab.Items =" + JsonConvert.SerializeObject(sources));*@ + this.sourceTab.DataBind(); + JsRuntime.InvokeAsync("refreshTab", response); + } }); - } -} + } + } -protected override void OnAfterRender() -{ - if (this.ControlName != SampleBrowser.CurrentSampleName) - { + protected override void OnAfterRender() + { + if (this.ControlName != SampleBrowser.CurrentSampleName) + { string[] paths = new string[3]; int i = 0; paths[i] = SampleBrowser.CurrentControlName; i++; if (SampleBrowser.CurrentControlCategory != SampleBrowser.CurrentControlName) { - paths[i] = SampleBrowser.CurrentControlCategory; - i++; + paths[i] = SampleBrowser.CurrentControlCategory; + i++; } paths[i] = SampleBrowser.CurrentSampleName; this.ControlName = SampleBrowser.CurrentControlName; JsRuntime.InvokeAsync ("updateBreadCrumb", new String[] { this.ControlName }, paths); - List - ls = new List - (); - List - ls1 = new List - (); - if (SampleBrowser.ActionDescription != null) - { - foreach (string element1 in SampleBrowser.ActionDescription) - { - ls.Add(element1); - } - JsRuntime.InvokeAsync - ("updateActionDescription", ls); - } - else - { - JsRuntime.InvokeAsync - ("updateActionDescription", new List - ()); - } - if (SampleBrowser.Description != null) - { - foreach (string element in SampleBrowser.Description) - { - ls1.Add(element); - } - JsRuntime.InvokeAsync - ("updateDescription", ls1); - } - } -} - } + List + ls = new List + (); + List + ls1 = new List + (); + if (SampleBrowser.ActionDescription != null) + { + foreach (string element1 in SampleBrowser.ActionDescription) + { + ls.Add(element1); + } + JsRuntime.InvokeAsync + ("updateActionDescription", ls); + } + else + { + JsRuntime.InvokeAsync + ("updateActionDescription", new List + ()); + } + if (SampleBrowser.Description != null) + { + foreach (string element in SampleBrowser.Description) + { + ls1.Add(element); + } + JsRuntime.InvokeAsync + ("updateDescription", ls1); + } + } + } + } diff --git a/ej2-blazor-samples/Shared/NavMenu.razor b/ej2-blazor-samples/Shared/NavMenu.razor index 4e02051a7..47d09c186 100644 --- a/ej2-blazor-samples/Shared/NavMenu.razor +++ b/ej2-blazor-samples/Shared/NavMenu.razor @@ -16,11 +16,11 @@
-
+
All Controls
- +
@@ -33,9 +33,9 @@ EjsTreeView treeView; - private string treeviewClass { get; set; } = "e-view time-duration trans-left"; + private string treeviewClass { get; set; } = "e-view time-duration sb-hide"; - string listviewClass = ""; + private string ListClass { get; set; } = "e-view sb-control-list-top"; Object DataSource = new { @@ -43,131 +43,138 @@ { List lst = g.ToList(); - lst.OrderBy(ob => ob.Order); - lst.ForEach(sam => - { - sam.Samples.ForEach(curSam => + lst.OrderBy(ob => ob.Order); + lst.ForEach(sam => + { + sam.Samples.ForEach(curSam => { - SampleBrowser.SampleUrls.Add(curSam.Url); + SampleBrowser.SampleUrls.Add(curSam.Url); }); }); - return new { dataSource = lst, Name = lst[0].Category, UID = g.Key, expanded = true }; - }), - id = "UID", - text = "Name", - child = "dataSource" + return new { dataSource = lst, Name = lst[0].Category, UID = g.Key, expanded = true }; + }), + id = "UID", + text = "Name", + child = "dataSource" }; private void onNodeClick(object arg) { - //JsRuntime.InvokeAsync("test", arg); + //JsRuntime.InvokeAsync("test", arg); string adc = JsonConvert.SerializeObject(arg); TreeViewEventModel data = JsonConvert.DeserializeObject (adc, new JsonSerializerSettings { NullValueHandling = NullValueHandling.Ignore }); - if (data.nodeData.parentID != null) - { - SampleBrowser.CurrentControl = SampleBrowser.Config.GetType().GetProperty(data.nodeData.text).GetValue(SampleBrowser.Config) as List; - this.ListDataSource = SampleBrowser.CurrentControl; - this.StateHasChanged(); - this.controlList.Refresh(); - toggle(); - } + if (data.nodeData.parentID != null) + { + SampleBrowser.CurrentControl = SampleBrowser.Config.GetType().GetProperty(data.nodeData.text).GetValue(SampleBrowser.Config) as List + ; + this.ListClass = "e-view sb-control-list-top"; + this.treeviewClass = "e-view time-duration sb-hide"; + this.ListDataSource = SampleBrowser.CurrentControl; + this.StateHasChanged(); + this.controlList.Refresh(); + toggle(); + } } public void toggle() { - JsRuntime.InvokeAsync - ("viewSwitch"); - if (this.treeView.CssClass != "e-view time-duration") + @*JsRuntime.InvokeAsync + ("viewSwitch");*@ + if (this.treeviewClass.Contains("sb-hide")) { + this.treeviewClass = "e-view time-duration"; + this.ListClass = "sb-hide"; + + this.treeView.DataBind(); + } + @*if (this.treeviewClass != "e-view time-duration") { - this.treeView.CssClass = "e-view time-duration"; - this.treeView.DataBind(); - } + this.treeviewClass = "e-view time-duration"; + // this.treeView.DataBind(); + }*@ } public void OnSampleSelect(Syncfusion.EJ2.RazorComponents.Lists.SelectEventArgs arg) { - string ad = JsonConvert.SerializeObject(arg); - ListViewEvent data = JsonConvert.DeserializeObject - (ad, new JsonSerializerSettings { NullValueHandling = NullValueHandling.Ignore }); + string ad = JsonConvert.SerializeObject(arg); + ListViewEvent data = JsonConvert.DeserializeObject + (ad, new JsonSerializerSettings { NullValueHandling = NullValueHandling.Ignore }); List ls = new List (); - List - ls1 = new List - (); - if (SampleBrowser.CurrentUrl != data.data.Url) + List + ls1 = new List + (); + if (SampleBrowser.CurrentUrl != data.data.Url) + { + if (SampleBrowser.ActionDescription != null) + { + foreach (string element1 in SampleBrowser.ActionDescription) + { + ls.Add(element1); + } + JsRuntime.InvokeAsync + ("updateActionDescription", ls); + } + else { - if (SampleBrowser.ActionDescription != null) - { - foreach (string element1 in SampleBrowser.ActionDescription) - { - ls.Add(element1); + JsRuntime.InvokeAsync + ("updateActionDescription", new List + ()); } - JsRuntime.InvokeAsync - ("updateActionDescription", ls); - } - else - { - JsRuntime.InvokeAsync - ("updateActionDescription", new List - ()); - } - if (SampleBrowser.Description != null) - { + if (SampleBrowser.Description != null) + { foreach (string element in SampleBrowser.Description) { - ls1.Add(element); + ls1.Add(element); } JsRuntime.InvokeAsync ("updateDescription", ls1); - } - else - { - JsRuntime.InvokeAsync - ("updateDescription", new List - ()); - } - - JsRuntime.InvokeAsync - ("destroyControl", new List - ()); - - var temp = JsRuntime.InvokeAsync - ("persistURL", data.data, new List - ()); - - UriHelper.NavigateTo(data.data.Url); - SampleBrowser.CurrentUrl = data.data.Url; - - } - } - - - [Parameter] - private object ListDataSource { get; set; } - - protected override void OnAfterRender() - { - ListDataSource = this.controlList.DataSource = SampleBrowser.CurrentControl; - this.controlList.DataBind(); - SampleBrowser.CurrentControl.ForEach(f => - { - if (f.Name == SampleBrowser.CurrentSampleName) - { - SampleBrowser.CurrentUrl = f.Url; - } - }); - } - - object ListFields = new - { - id = "UID", - groupBy = "Category", - text = "Name", - sortBy = "Order" - }; - -} + } + else + { + JsRuntime.InvokeAsync + ("updateDescription", new List + ()); + } + + JsRuntime.InvokeAsync + ("destroyControl", new List + ()); + + + + UriHelper.NavigateTo(data.data.Url); + SampleBrowser.CurrentUrl = data.data.Url; + + } + } + + + [Parameter] + private object ListDataSource { get; set; } + + protected override void OnAfterRender() + { + ListDataSource = this.controlList.DataSource = SampleBrowser.CurrentControl; + this.controlList.DataBind(); + SampleBrowser.CurrentControl.ForEach(f => + { + if (f.Name == SampleBrowser.CurrentSampleName) + { + SampleBrowser.CurrentUrl = f.Url; + } + }); + } + + object ListFields = new + { + id = "UID", + groupBy = "Category", + text = "Name", + sortBy = "Order" + }; + + } diff --git a/ej2-blazor-samples/ej2-blazor-samples.csproj b/ej2-blazor-samples/ej2-blazor-samples.csproj index 180c3adad..d7546c7ec 100644 --- a/ej2-blazor-samples/ej2-blazor-samples.csproj +++ b/ej2-blazor-samples/ej2-blazor-samples.csproj @@ -17,7 +17,7 @@ - + diff --git a/ej2-blazor-samples/wwwroot/scripts/index.js b/ej2-blazor-samples/wwwroot/scripts/index.js index f976fd637..9de9f9b3d 100644 --- a/ej2-blazor-samples/wwwroot/scripts/index.js +++ b/ej2-blazor-samples/wwwroot/scripts/index.js @@ -6,12 +6,12 @@ function viewSwitch() { var controlTree = ej.base.select("#controlTree"); var controlList = ej.base.select("#controlSamples"); - if (controlTree.classList.contains("trans-left")) { - controlTree.classList.remove("trans-left"); - controlList.classList.add("trans-right"); + if (controlTree.classList.contains("sb-hide")) { + controlTree.classList.remove("sb-hide"); + //controlList.classList.add("trans-right"); } else { - controlTree.classList.add("trans-left"); - controlList.classList.remove("trans-right"); + controlTree.classList.add("sb-hide"); + //controlList.classList.remove("trans-right"); } } diff --git a/ej2-blazor-samples/wwwroot/styles/index.css b/ej2-blazor-samples/wwwroot/styles/index.css index f35c60abe..574edce12 100644 --- a/ej2-blazor-samples/wwwroot/styles/index.css +++ b/ej2-blazor-samples/wwwroot/styles/index.css @@ -184,7 +184,8 @@ /*sample header*/ -.sb-header-settings { +.sb-header-settings, +.sb-hide { display: none; }