diff --git a/demos/calendar/restrictdaterange/App.razor b/demos/calendar/restrictdaterange/App.razor index fae15081..266cd8a7 100644 --- a/demos/calendar/restrictdaterange/App.razor +++ b/demos/calendar/restrictdaterange/App.razor @@ -1,4 +1,7 @@ -
The navigation is restricted from 01/01/2010 to 01/01/2021
+
+ The navigation is restricted from 01/10/2020 to 01/12/2020 +
+
@code { - DateTime min = new DateTime(2010, 1, 1); - DateTime max = new DateTime(2020, 11, 31); + DateTime min = new DateTime(2020, 10, 1); + DateTime max = new DateTime(2020, 12, 1); } diff --git a/demos/calendar/restricteddates/App.razor b/demos/calendar/restricteddates/App.razor deleted file mode 100644 index ecfc5d60..00000000 --- a/demos/calendar/restricteddates/App.razor +++ /dev/null @@ -1,7 +0,0 @@ - - - -@code { - DateTime[] restrictedDates = new DateTime[] { new DateTime(2020, 5, 5) }; -} diff --git a/demos/chart/barseries/App.razor b/demos/chart/barseries/App.razor index 7fb98750..c056c1ed 100644 --- a/demos/chart/barseries/App.razor +++ b/demos/chart/barseries/App.razor @@ -68,7 +68,7 @@ "labels", new Dictionary() { - { "visible", true } + { "visible", false } } } }; diff --git a/demos/chart/columnseriesspacing/App.razor b/demos/chart/columnseriesspacing/App.razor index 0d7ae910..2dd79063 100644 --- a/demos/chart/columnseriesspacing/App.razor +++ b/demos/chart/columnseriesspacing/App.razor @@ -383,25 +383,24 @@ public void eventHandler(IDictionary e, int series, string propName) { - Console.WriteLine(1); if (seriesGroups.Count != 0) { if (seriesGroups.Count < 2) { - var a = seriesGroups[0]["series"] as Dictionary[]; + var a = seriesGroups[0]["series"] as Dictionary[]; - string serieDataField = a[0]["dataField"]; - Console.WriteLine(serieDataField); + string serieDataField = a[0]["dataField"].ToString(); int serie = serieDataField == "Serie1" ? 0 : 1; + if (series != serie) { return; } + seriesGroups[0][propName] = e["value"]; } else { - Console.WriteLine(2); seriesGroups[series][propName] = e["value"]; } } diff --git a/demos/datetimeinput/restrictdaterange/App.razor b/demos/datetimeinput/restrictdaterange/App.razor index fa1fb77d..6195afc2 100644 --- a/demos/datetimeinput/restrictdaterange/App.razor +++ b/demos/datetimeinput/restrictdaterange/App.razor @@ -1,11 +1,12 @@ 
- The navigation is restricted from 01/01/2017 to 01/01/2020 + The navigation is restricted from 01/10/2020 to 01/12/2020
+
@code { - DateTime min = new DateTime(2017, 1, 1); - DateTime max = new DateTime(2019, 11, 31); + DateTime min = new DateTime(2020, 10, 1); + DateTime max = new DateTime(2020, 12, 1); } diff --git a/demos/datetimeinput/righttoleft/App.razor b/demos/datetimeinput/righttoleft/App.razor deleted file mode 100644 index 29d0d7ef..00000000 --- a/demos/datetimeinput/righttoleft/App.razor +++ /dev/null @@ -1 +0,0 @@ - diff --git a/demos/formattedinput/events/App.razor b/demos/formattedinput/events/App.razor deleted file mode 100644 index 9bd0cbd8..00000000 --- a/demos/formattedinput/events/App.razor +++ /dev/null @@ -1,46 +0,0 @@ - - - -
Events log:
- - -@code { - JqxPanel myPanel; - - string radix = "decimal"; - string value = "190"; - - public void onOpen(IDictionary e) - { - myPanel.append("" + e["type"] + "
"); - } - - public void onClose(IDictionary e) - { - myPanel.append("" + e["type"] + "
"); - } - - public void onChange(IDictionary e) - { - var newValue = e["value"]; - var oldValue = e["oldValue"]; - var radix = e["radix"]; - - myPanel.append("change
" + - "value: " + newValue + ", old value: " + oldValue + ", radix: " + radix + "
"); - } - - public void onRadixChange(IDictionary e) - { - var newRadix = e["radix"]; - var oldRadix = e["oldRadix"]; - var newValue = e["value"]; - var oldValue = e["oldValue"]; - - myPanel.append("radixChange
" + - "radix: " + newRadix + ", old radix: " + oldRadix + - "
value: " + newValue + ", old value: " + oldValue + "
"); - } -} diff --git a/demos/formattedinput/keyboardnavigation/App.razor b/demos/formattedinput/keyboardnavigation/App.razor index cc426efe..259142e6 100644 --- a/demos/formattedinput/keyboardnavigation/App.razor +++ b/demos/formattedinput/keyboardnavigation/App.razor @@ -2,6 +2,8 @@ width=250 height=25 radix=radix value=value spinButtons=false dropDown=true> +
+
  • Tab - Like other widgets, the jqxFormattedInput widget receives focus by diff --git a/demos/gauge/defaultfunctionality/App.razor b/demos/gauge/defaultfunctionality/App.razor index 8ec68cac..8088704c 100644 --- a/demos/gauge/defaultfunctionality/App.razor +++ b/demos/gauge/defaultfunctionality/App.razor @@ -126,9 +126,8 @@ \ No newline at end of file diff --git a/demos/knob/multiplearrowpointers/App.razor b/demos/knob/multiplearrowpointers/App.razor deleted file mode 100644 index 6c5a1bd9..00000000 --- a/demos/knob/multiplearrowpointers/App.razor +++ /dev/null @@ -1,110 +0,0 @@ - - - -@code { - int[] value = new int[] { 40, 80 }; - string rotation = "clockwise"; - - IDictionary marks = new Dictionary() - { - { "colorRemaining", new Dictionary() { { "color", "#373636" }, { "border", "#373636" } } }, - { "colorProgress", new Dictionary() { { "color", "#373636" }, { "border", "#373636" } } }, - { "type", "line" }, { "offset", "71%" }, { "thickness", 1 }, { "size", "6%" }, { "majorSize", "9%" }, - { "majorInterval", 10 }, { "minorInterval", 2 } - }; - - IDictionary labels = new Dictionary() - { - { "offset", "88%" }, { "step", 10 }, { "visible", true } - }; - - IDictionary progressBar = new Dictionary() - { - { "size", "20%" }, { "offset", "50%" }, { "innerRadius", "50%" }, { "outerRadius", "70%" }, - { - "style", - new Dictionary[] - { - new Dictionary() - { - { "stroke", "#285a83" }, { "strokeWidth", 1 } , - { - "fill", - new Dictionary() - { - { "color", "#285a83" }, { "gradientType", "linear" }, - { "gradientStops", new double[][] { new double[] { 0, 1 }, new double[] { 50, 0.5 }, new double[] { 100, 1 } } } - } - } - }, - new Dictionary() - { - { "stroke", "#285a83" }, { "strokeWidth", 1 } , - { - "fill", - new Dictionary() - { - { "color", "#285a83" }, { "gradientType", "linear" }, - { "gradientStops", new double[][] { new double[] { 0, 1 }, new double[] { 50, 0.5 }, new double[] { 100, 1 } } } - } - } - } - } - }, - { - "background", - new Dictionary() - { - { "stroke", "#ff6126" }, { "strokeWidth", 1 }, - { - "fill", - new Dictionary() - { - { "color", "#ff6126" }, { "gradientType", "linear" }, - { "gradientStops", new double[][] { new double[] { 0, 1 }, new double[] { 50, 0.5 }, new double[] { 100, 1 } } } - } - } - } - } - }; - - IDictionary[] pointer = new Dictionary[] - { - new Dictionary() - { - { "type", "arrow" }, - { "style", new Dictionary() { { "fill", "#ff6126" }, { "stroke", "#ff6126" } } }, - { "size", "50%" }, { "offset", "30%" }, { "thickness", 30 } - }, - new Dictionary() - { - { "type", "arrow" }, - { "style", new Dictionary() { { "fill", "#ff6126" }, { "stroke", "#ff6126" } } }, - { "size", "50%" }, { "offset", "30%" }, { "thickness", 30 } - } - }; - - IDictionary spinner = new Dictionary() - { - { "size", "20%" }, { "offset", "30%" }, { "innerRadius", "0%" }, { "outerRadius", "30%" }, - { - "style", - new Dictionary() - { - { "stroke", "#285a83" }, { "strokeWidth", 1 }, - { - "fill", - new Dictionary() - { - { "color", "#285a83" }, { "gradientType", "linear" }, - { "gradientStops", new double[][] { new double[] { 0, 1 }, new double[] { 50, 0.5 }, new double[] { 100, 1 } } } - } - } - } - } - }; -} diff --git a/demos/knob/multiplecirclepointers/App.razor b/demos/knob/multiplecirclepointers/App.razor deleted file mode 100644 index eac870b9..00000000 --- a/demos/knob/multiplecirclepointers/App.razor +++ /dev/null @@ -1,72 +0,0 @@ - - - -

    -
    - -@code { - ElementReference myLog; - - string rotation = "clockwise"; - - int[] value = new int[] { 60, 80 }; - - IDictionary marks = new Dictionary() - { - { "colorRemaining", "#333" }, { "colorProgress", "#66707e" }, - { "style", "line" }, { "offset", "71%" }, { "thickness", 1 }, { "size", "6%" }, - { "majorSize", "9%" }, { "majorInterval", 10 }, { "minorInterval", 2 } - }; - - IDictionary labels = new Dictionary() - { - { "offset", "88%" }, { "step", 10 } - }; - - IDictionary progressBar = new Dictionary() - { - { - "style", - new Dictionary[] { - new Dictionary() { { "fill", "#66707e" }, { "stoke", "#66707e" }, { "strokeWidth", 0 } }, - new Dictionary() { { "fill", "#66707e" }, { "stoke", "#66707e" }, { "strokeWidth", 0 } } - } - }, - { "size", "9%" }, { "offset", "58%" }, - { "background", new Dictionary() { { "fill", "#a2da39" }, { "stoke", "#a2da39"}, { "strokeWidth", 0 } } } - }; - - IDictionary[] pointer = new Dictionary[] - { - new Dictionary() - { - { "type", "circle" }, - { "style", new Dictionary() { { "fill", "#a2da39" }, { "stoke", "#a2da39" } } }, - { "size", "5%" }, { "offset", "38%" }, { "thickness", 20 } - }, - new Dictionary() - { - { "type", "circle" }, - { "style", new Dictionary() { { "fill", "#a2da39" }, { "stoke", "#a2da39" } } }, - { "size", "5%" }, { "offset", "38%" }, { "thickness", 20 } - } - }; - - IDictionary spinner = new Dictionary() - { - { "style", new Dictionary() { { "fill", "#66707e" }, { "stoke", "#66707e"} } }, - { "innerRadius", "0%" }, { "outerRadius", "58%" }, - { - "marks", - new Dictionary() - { - { "colorRemaining", "#a2da39" }, { "colorProgress", "#a2da39" }, - { "type", "circle" }, { "offset", "55%" }, { "thickness", 3 }, { "size", "1%" }, - { "majorSize", "1%" }, { "majorInterval", 10 }, { "minorInterval", 10 } - } - } - }; -} diff --git a/demos/listbox/dragdrop/App-notready.razor b/demos/listbox/dragdrop/App-notready.razor deleted file mode 100644 index 788a0c2b..00000000 --- a/demos/listbox/dragdrop/App-notready.razor +++ /dev/null @@ -1,86 +0,0 @@ -@inject IJSRuntime JSRuntime; - -
    -
    - -
    - -
    - -
    - -
    - -
    - -
    - Events Log: -
    -
    -
    - Note: -
    - Dragging of "Breve" is disabled. -
    - Dropping of "Frappuccino" is disabled. -
    -
    - -@code { - JqxListBox listBoxA; - - JqxListBox listBoxB; - - ElementReference textarea; - - ElementReference dragStartLog; - - ElementReference dragEndLog; - - string[] data1 = new string[] - { - "Affogato", - "Americano", - "Bicerin", - "Breve", - "Café Bombón", - "Café au lait", - "Caffé Corretto", - "Café Crema", - "Caffé Latte", - "Caffé macchiato", - "Café mélange", - "Coffee milk", - "Cafe mocha" - }; - string[] data2 = new string[] - { - "Cappuccino", - "Carajillo", - "Cortado", - "Cuban espresso", - "Espresso", - "Eiskaffee", - "The Flat White", - "Frappuccino", - "Galao", - "Greek frappé coffee", - "Iced Coffee", - "Indian filter coffee", - "Instant coffee", - "Irish coffee", - "Liqueur coffee" - }; - - private void handleDragStart(IDictionary e) - { - var item = e["item"]; - // JSRuntime.InvokeAsync("Example.handleDragStart", listBoxA, listBoxB, dragStartLog, item); - } - - private void handleDragEnd(IDictionary e) - { - var item = e["item"]; - // JSRuntime.InvokeAsync("Example.handleDragEnd", listBoxA, listBoxB, dragEndLog, item); - } -} diff --git a/demos/menu/minimizedmenu/App.razor b/demos/menu/minimizedmenu/App.razor deleted file mode 100644 index 9ddfa5f1..00000000 --- a/demos/menu/minimizedmenu/App.razor +++ /dev/null @@ -1,67 +0,0 @@ - - - -
    -
    - Minimized - -@code { - JqxMenu myMenu; - - string width = "100%"; - - private void onMenuReady() - { - myMenu.minimize(); - } - - private void onChange(IDictionary e) - { - Console.WriteLine(e["checked"]); - bool isChecked = bool.Parse(e["checked"].ToString()); - - if (isChecked) - { - Console.WriteLine(1); - myMenu.minimize(); - } - else - { - Console.WriteLine(2); - myMenu.restore(); - } - } -} diff --git a/demos/notification/customicon/App.razor b/demos/notification/customicon/App.razor index 02e5566e..de16e6ea 100644 --- a/demos/notification/customicon/App.razor +++ b/demos/notification/customicon/App.razor @@ -1,44 +1,21 @@ - -
    - Thank you for your feedback! -
    + +
    + + Hello There! +
    - - - - - - - - - - - -
    Comment: - -
    - Submit comment -
    +Show Notification @code { JqxNotification myNotification; - JqxTextArea comment; - string width = "auto"; + string width = ""; + string position = ""; string template = "null"; - string position = "top-left"; - - IDictionary icon = new Dictionary() - { - { "width", 25 }, { "height", 25 }, { "url", "../images/smiley.png"}, { "padding", 5 } - }; private void onClick(IDictionary e) { - comment.val(""); myNotification.open(); } } diff --git a/demos/passwordinput/righttoleft/App.razor b/demos/passwordinput/righttoleftlayout/App.razor similarity index 97% rename from demos/passwordinput/righttoleft/App.razor rename to demos/passwordinput/righttoleftlayout/App.razor index d34ae815..6b9c318a 100644 --- a/demos/passwordinput/righttoleft/App.razor +++ b/demos/passwordinput/righttoleftlayout/App.razor @@ -1,19 +1,19 @@ - - - -@code { - string placeHolder = "הזן את הסיסמה:"; - IDictionary localization = new Dictionary() - { - { "showPasswordString", "צג סיסמא" }, - { "hidePasswordString", "סתר סיסמא" }, - { "passwordStrengthString", "חוזק סיסמא" }, - { "tooShort", "קצר מדי" }, - { "weak", "חלש" }, - { "fair", "הוגן" }, - { "good", "טוב" }, - { "strong", "חזק" } - }; -} + + + +@code { + string placeHolder = "הזן את הסיסמה:"; + IDictionary localization = new Dictionary() + { + { "showPasswordString", "צג סיסמא" }, + { "hidePasswordString", "סתר סיסמא" }, + { "passwordStrengthString", "חוזק סיסמא" }, + { "tooShort", "קצר מדי" }, + { "weak", "חלש" }, + { "fair", "הוגן" }, + { "good", "טוב" }, + { "strong", "חזק" } + }; +} diff --git a/demos/pivotgrid/cellvaluesalignment/App.razor b/demos/pivotgrid/cellvaluesalignment/App.razor new file mode 100644 index 00000000..105abe0b --- /dev/null +++ b/demos/pivotgrid/cellvaluesalignment/App.razor @@ -0,0 +1,102 @@ +
    + + +
    + +@code { + + IDictionary pivotDataSource = new Dictionary() + { + { "dataSource", dataSource }, + { "options", + new Dictionary() + { + { "pivotValuesOnRows", false }, + { "rows", + new Dictionary[] + { + new Dictionary() { { "dataField", "country" }, { "width", 190 } } + } + }, + { + "values", + new Dictionary[] + { + new Dictionary() + { + { "dataField", "value" }, + { "width", 200 }, + { "function", "min" }, + { "text", "cells left alignment" }, + { + "formatSettings", + new Dictionary() { { "align", "left" }, { "prefix", "" }, { "decimalPlaces", "2" } } + } + }, + new Dictionary() + { + { "dataField", "value" }, + { "width", 200 }, + { "function", "max" }, + { "text", "cells center alignment" }, + { + "formatSettings", + new Dictionary() { { "align", "center" }, { "prefix", "" }, { "decimalPlaces", "2" } } + } + }, + new Dictionary() + { + { "dataField", "value" }, + { "width", 200 }, + { "function", "average" }, + { "text", "cells right alignment" }, + { + "formatSettings", + new Dictionary() { { "align", "right" }, { "prefix", "" }, { "decimalPlaces", "2" } } + } + } + } + } + } + + } + }; + + static IDictionary dataSource = new Dictionary() + { + { "localdata", generateLocalData() }, + { "datatype", "array" }, + { + "dataFields", + new Dictionary[] + { + new Dictionary() { { "name", "country" }, { "type", "string" } }, + new Dictionary() { { "name", "value" }, { "type", "string" } } + } + } + }; + + static List> generateLocalData() + { + string[] countries = new string[] { "Germany", "France", "United States", "Italy", "Spain", "Finland", "Canada", "Japan", "Brazil", "United Kingdom", "China", "India", "South Korea", "Romania", "Greece" }; + string[] values = new string[] { "2.25", "1.5", "3.0", "3.3", "4.5", "3.6", "3.8", "2.5", "5.0", "1.75", "3.25", "4.0", "3.0", "1.0" }; + + List> data = new List>(); + + for (int i = 0; i < countries.Length - 1; i++) + { + IDictionary row = new Dictionary + { + { "country", countries[i] }, + { "value", values[i] } + }; + + data.Add(row); + } + + return data; + } + +} + \ No newline at end of file diff --git a/demos/rating/defaultfunctionality/App.razor b/demos/rating/defaultfunctionality/App.razor index 3c1c194f..40b13551 100644 --- a/demos/rating/defaultfunctionality/App.razor +++ b/demos/rating/defaultfunctionality/App.razor @@ -1,20 +1,20 @@ @inject IJSRuntime JSRuntime; -
    - - -
    -
    Rating:
    -
    -
    + + + +
    + Rating: +
    @code { - ElementReference rate; + JqxRating myRating; + ElementReference ratingValueEl; private void onChange(IDictionary e) { - JSRuntime.InvokeVoidAsync("Example.updateInnerHtml", rate, e["value"]); + JSRuntime.InvokeVoidAsync("Example.updateInnerHtml", ratingValueEl, myRating.value); } } diff --git a/demos/rating/defaultfunctionality/index.js b/demos/rating/defaultfunctionality/index.js new file mode 100644 index 00000000..eb714024 --- /dev/null +++ b/demos/rating/defaultfunctionality/index.js @@ -0,0 +1,5 @@ +window.Example = { + updateInnerHtml: function (element, value) { + element.innerHTML = value; + } +}; diff --git a/demos/scheduler/defaultfunctionality/App.razor b/demos/scheduler/defaultfunctionality/App.razor index 52472671..d288b5eb 100644 --- a/demos/scheduler/defaultfunctionality/App.razor +++ b/demos/scheduler/defaultfunctionality/App.razor @@ -1,13 +1,12 @@ @code { JqxScheduler myScheduler; - DateTime date = new DateTime(2020, 6, 29); - string view = "weekView"; + string view = "monthView"; IDictionary appointmentDataFields = new Dictionary() { @@ -43,8 +42,8 @@ { "location", "" }, { "subject", "Quarterly Project Review Meeting" }, { "calendar", "Room 1" }, - { "start", "2020-6-29 16:00" }, - { "end", "2020-6-29 19:00" } + { "start", "2020-8-05 16:00" }, + { "end", "2020-8-05 19:00" } }, new Dictionary() { @@ -53,8 +52,8 @@ { "location", "" }, { "subject", "IT Group Mtg." }, { "calendar", "Room 2" }, - { "start", new DateTime(2020, 6, 30, 9, 0, 0).ToString("yyyy-M-dd H:mm")}, - { "end", new DateTime(2020, 6, 30, 10, 0, 0).ToString("yyyy-M-dd H:mm") } + { "start", "2020-8-06 16:00" }, + { "end", "2020-8-06 19:00" } }, new Dictionary() { @@ -63,39 +62,9 @@ { "location", "" }, { "subject", "Course Social Media" }, { "calendar", "Room 3" }, - { "start", new DateTime(2020, 7, 1, 11, 0, 0).ToString("yyyy-M-dd H:mm") }, - { "end", new DateTime(2020, 7, 1, 13, 0, 0).ToString("yyyy-M-dd H:mm") } - }, - @* new Dictionary() - { - { "id", "id4" }, - { "description", "" }, - { "location", "" }, - { "subject", "New Projects Planning" }, - { "calendar", "Room 1" }, - { "start", new DateTime(2020, 10, 23, 16, 0, 0) }, - { "end", new DateTime(2020, 10, 23, 18, 0, 0) } - }, - new Dictionary() - { - { "id", "id5" }, - { "description", "" }, - { "location", "" }, - { "subject", "Interview with James" }, - { "calendar", "Room 1" }, - { "start", new DateTime(2020, 10, 25, 15, 0, 0) }, - { "end", new DateTime(2020, 10, 25, 17, 0, 0) } - }, - new Dictionary() - { - { "id", "id6" }, - { "description", "" }, - { "location", "" }, - { "subject", "Interview with Nancy" }, - { "calendar", "Room 4" }, - { "start", new DateTime(2020, 10, 26, 14, 0, 0) }, - { "end", new DateTime(2020, 10, 26, 16, 0, 0) } - } *@ + { "start", "2020-8-08 16:00" }, + { "end", "2020-8-08 19:00" } + } }; static Dictionary source = new Dictionary diff --git a/demos/scrollview/defaultfunctionality/App.razor b/demos/scrollview/defaultfunctionality/App.razor index be561eb2..ac24ac50 100644 --- a/demos/scrollview/defaultfunctionality/App.razor +++ b/demos/scrollview/defaultfunctionality/App.razor @@ -1,10 +1,10 @@ -
    -
    -
    -
    -
    +
    +
    +
    +
    +
    diff --git a/demos/splitter/integrationwithjqxtree/App.razor b/demos/splitter/integrationwithjqxtree/App.razor deleted file mode 100644 index 05df12d9..00000000 --- a/demos/splitter/integrationwithjqxtree/App.razor +++ /dev/null @@ -1,96 +0,0 @@ -@inject IJSRuntime JSRuntime; - - -
    - -
      -
    • - Mail -
        -
      • - Calendar -
      • -
      • - Contacts -
      • -
      • - Inbox (3) -
          -
        • - jQWidgets -
            -
          • - Admin -
          • -
          • - Corporate -
          • -
          • - Finance -
          • -
          • - Other -
          • -
          -
        • -
        • - Personal -
        • -
        -
      • -
      • - Deleted Items (10) -
          -
        • - Today -
        • -
        • - Last Week -
        • -
        • - Last Month -
        • -
        -
      • -
      • - Notes -
      • -
      • - Settings -
      • -
      • - Favorites -
      • -
      -
    • -
    -
    -
    -
    -
    -
    - -@code { - ElementReference content; - - string width = "100%"; - string height = "100%"; - - Dictionary[] panels = new Dictionary[] - { - new Dictionary() - { - { "size", 250 } - } - }; - - void HandleMouseUp(MouseEventArgs args) - { - double startX = args.ClientX; - double startY = args.ClientY; - - JSRuntime.InvokeAsync("Example.changeContent", startX, startY, content); - } -} diff --git a/demos/splitter/integrationwithjqxtree/index.js b/demos/splitter/integrationwithjqxtree/index.js deleted file mode 100644 index f686b50a..00000000 --- a/demos/splitter/integrationwithjqxtree/index.js +++ /dev/null @@ -1,8 +0,0 @@ -window.Example = { - changeContent: function(x, y, contentElement) { - var element = document.elementFromPoint(x, y).parentNode; - if (element.localName == "span" || element.localName == "div") { - contentElement.innerText = element.innerText; - } - } -}; \ No newline at end of file diff --git a/demos/textarea/bindingtojsondata/App.razor b/demos/textarea/bindingtojsondata/App.razor deleted file mode 100644 index 948c954e..00000000 --- a/demos/textarea/bindingtojsondata/App.razor +++ /dev/null @@ -1,69 +0,0 @@ -@inject IJSRuntime JSRuntime; -@inject HttpClient Http; - -
    - -
    - - - -
    - - - -
    - -@code { - JqxTextArea myTextArea; - - ElementReference selectionlog; - - private object[] source; - private List> initialData = new List> - { - new Dictionary - { - { "CompanyName", "" }, - { "ContactName", "" } - } - }; - - protected override async Task OnInitializedAsync() - { - List> newData = new List>(); - source = await Http.GetJsonAsync("../sampledata/customers.txt"); - - foreach(var item in source) { - string clearedItem = item.ToString().Trim(new Char[] { '{', '}', '\n' }); - string arrayFields = clearedItem.Split(","); - string CompanyNameField = arrayFields[1].Trim(); - string CompanyName = CompanyNameField.Split(":")[1].Trim().Trim('"'); - string ContactNameField = arrayFields[2].Trim(); - string ContactName = ContactNameField.Split(":")[1].Trim().Trim('"'); - newData.Add( - new Dictionary() - { - { "CompanyName", CompanyName }, - { "ContactName", ContactName } - } - ); - } - - myTextArea.setOptions(new Dictionary() { { "source", newData } }); - } - - private void handleSelect(IDictionary e) - { - string item = e["item"].ToString().Trim(new Char[] { '{', '}' }); - string labelPair = item.Split(",")[0]; - string label = labelPair.Split(":")[1].Trim('"'); - string valuePair = item.Split(",")[1]; - string value = valuePair.Split(":")[1].Trim('"'); - Dictionary itemData = new Dictionary() - { - { "item", new Dictionary() { { "label", label }, { "value", value } } } - }; - JSRuntime.InvokeAsync("Example.updateInnerHtml", selectionlog, itemData); - } -} diff --git a/demos/textarea/bindingtojsondata/index.js b/demos/textarea/bindingtojsondata/index.js deleted file mode 100644 index 09be6cb9..00000000 --- a/demos/textarea/bindingtojsondata/index.js +++ /dev/null @@ -1,12 +0,0 @@ -window.Example = { - updateInnerHtml: function(selectionlog, data) { - var item = data.item; - var valueelement = document.createElement("div"); - valueelement.innerText = item.value; - var labelelement = document.createElement("div"); - labelelement.innerText = item.label; - selectionlog.innerHTML = ""; - selectionlog.appendChild(labelelement); - selectionlog.appendChild(valueelement); - } -}; \ No newline at end of file diff --git a/demos/textarea/fluidsize/App.razor b/demos/textarea/fluidsize/App.razor deleted file mode 100644 index ad21adae0..00000000 --- a/demos/textarea/fluidsize/App.razor +++ /dev/null @@ -1,51 +0,0 @@ -@inject HttpClient Http; - -
    - -
    - - - -
    - - - -@code { - JqxTextArea myTextArea; - - private string width = "30%"; - private object[] source; - private List> initialData = new List> - { - new Dictionary - { - { "CompanyName", "" }, - { "ContactName", "" } - } - }; - - protected override async Task OnInitializedAsync() - { - List> newData = new List>(); - source = await Http.GetJsonAsync("../sampledata/customers.txt"); - - foreach(var item in source) { - string clearedItem = item.ToString().Trim(new Char[] { '{', '}', '\n' }); - string arrayFields = clearedItem.Split(","); - string CompanyNameField = arrayFields[1].Trim(); - string CompanyName = CompanyNameField.Split(":")[1].Trim().Trim('"'); - string ContactNameField = arrayFields[2].Trim(); - string ContactName = ContactNameField.Split(":")[1].Trim().Trim('"'); - newData.Add( - new Dictionary() - { - { "CompanyName", CompanyName }, - { "ContactName", ContactName } - } - ); - } - - myTextArea.setOptions(new Dictionary() { { "source", newData } }); - } -} diff --git a/demos/togglebutton/defaultfunctionality/App.razor b/demos/togglebutton/defaultfunctionality/App.razor deleted file mode 100644 index 5a5ecf43..00000000 --- a/demos/togglebutton/defaultfunctionality/App.razor +++ /dev/null @@ -1,29 +0,0 @@ - - Toggled On - - -Disabled - -@code { - JqxToggleButton myToggleButton; - - public void buttonClick(IDictionary e) - { - bool toggled = myToggleButton.toggled; - if (toggled) - { - myToggleButton.val("Toggled On"); - } - else - { - myToggleButton.val("Toggle Off"); - } - } -} - - \ No newline at end of file diff --git a/demos/treegrid/celledit/App.razor b/demos/treegrid/celledit/App.razor index ac18a85e..f219eeb4 100644 --- a/demos/treegrid/celledit/App.razor +++ b/demos/treegrid/celledit/App.razor @@ -1,19 +1,9 @@ -@inject IJSRuntime JSRuntime; - - - -
    -

    Event Log

    - -
    -
    + + @code { - JqxTreeGrid myTreeGrid; - - ElementReference logElement; - - object width = "850"; Dictionary editSettings = new Dictionary() { @@ -213,21 +203,4 @@ } }; - private void cellBeginEdit(IDictionary e) - { - string value = e["value"].ToString(); - string columnDataField = e["dataField"].ToString(); - string rowKey = e["key"].ToString(); - string message = "cellBeginEdit - Row ID: " + rowKey + ", Column: " + columnDataField + ", Value: " + value + "
    "; - JSRuntime.InvokeAsync("Example.showMessage", logElement, message); - } - - private void cellEndEdit(IDictionary e) - { - string value = e["value"].ToString(); - string columnDataField = e["dataField"].ToString(); - string rowKey = e["key"].ToString(); - string message = "
    cellEndEdit - Row ID: " + rowKey + ", Column: " + columnDataField + ", Value: " + value + "
    "; - JSRuntime.InvokeAsync("Example.showMessage", logElement, message); - } } diff --git a/dev-project/App.razor b/dev-project/App.razor index 042fc0c4..105abe0b 100644 --- a/dev-project/App.razor +++ b/dev-project/App.razor @@ -1,139 +1,102 @@ -@inject IJSRuntime JSRuntime; - -
    -
    - Open -
    - -
    - Close -
    - -
    - Pin -
    - -
    - Unpin -
    - -
    - Collapse -
    - -
    - Expand -
    - -
    - -
    - Find -
    - -
    -
    - Find what: - - -
    -
    - Find Next -
    - -
    - Cancel -
    -
    - -
    - -
    - - - Match case - -
    -
    -
    -
    +
    + +
    @code { - JqxWindow customWindow; - JqxButton findButton; - - string cancelButton = "#cancelButton"; - - Dictionary position = new Dictionary() { { "x", 20 }, { "y", 70 } }; - - protected override async Task OnAfterRenderAsync(bool firstRender) + IDictionary pivotDataSource = new Dictionary() { - if (firstRender) - { - string result = await JSRuntime.InvokeAsync("Example.getCoordinates", "#jqxWidget"); - string[] tokens = result.Split(";"); - int[] convertedItems = Array.ConvertAll(tokens, int.Parse); - int top = convertedItems[0]; - int left = convertedItems[1]; - IDictionary newPosition = new Dictionary() - { - { "x", (left + 50) }, - { "y", (top + 50) } - }; - - customWindow.setOptions(new Dictionary() { { "position", newPosition } }); + { "dataSource", dataSource }, + { "options", + new Dictionary() + { + { "pivotValuesOnRows", false }, + { "rows", + new Dictionary[] + { + new Dictionary() { { "dataField", "country" }, { "width", 190 } } + } + }, + { + "values", + new Dictionary[] + { + new Dictionary() + { + { "dataField", "value" }, + { "width", 200 }, + { "function", "min" }, + { "text", "cells left alignment" }, + { + "formatSettings", + new Dictionary() { { "align", "left" }, { "prefix", "" }, { "decimalPlaces", "2" } } + } + }, + new Dictionary() + { + { "dataField", "value" }, + { "width", 200 }, + { "function", "max" }, + { "text", "cells center alignment" }, + { + "formatSettings", + new Dictionary() { { "align", "center" }, { "prefix", "" }, { "decimalPlaces", "2" } } + } + }, + new Dictionary() + { + { "dataField", "value" }, + { "width", 200 }, + { "function", "average" }, + { "text", "cells right alignment" }, + { + "formatSettings", + new Dictionary() { { "align", "right" }, { "prefix", "" }, { "decimalPlaces", "2" } } + } + } + } + } + } + } - } - - private void handleOpen(IDictionary e) - { - customWindow.open(); - } - - private void handleClose(IDictionary e) - { - customWindow.close(); - } + }; - private void handlePin(IDictionary e) + static IDictionary dataSource = new Dictionary() { - customWindow.setOptions(new Dictionary() { { "draggable", false } }); - } + { "localdata", generateLocalData() }, + { "datatype", "array" }, + { + "dataFields", + new Dictionary[] + { + new Dictionary() { { "name", "country" }, { "type", "string" } }, + new Dictionary() { { "name", "value" }, { "type", "string" } } + } + } + }; - private void handleUnpin(IDictionary e) + static List> generateLocalData() { - customWindow.setOptions(new Dictionary() { { "draggable", true } }); - } + string[] countries = new string[] { "Germany", "France", "United States", "Italy", "Spain", "Finland", "Canada", "Japan", "Brazil", "United Kingdom", "China", "India", "South Korea", "Romania", "Greece" }; + string[] values = new string[] { "2.25", "1.5", "3.0", "3.3", "4.5", "3.6", "3.8", "2.5", "5.0", "1.75", "3.25", "4.0", "3.0", "1.0" }; - private void handleCollapse(IDictionary e) - { - customWindow.collapse(); - } + List> data = new List>(); - private void handleExpand(IDictionary e) - { - customWindow.expand(); - } - - private void handleMatchCase(IDictionary e) - { - // Do Something - } - - private async void OnSetValue(EventArgs EventArgs) - { - var result = await JSRuntime.InvokeAsync("Example.getValue", "#searchTextInput"); - - if (result.ToString() != "") + for (int i = 0; i < countries.Length - 1; i++) { - findButton.setOptions(new Dictionary() { { "disabled", false } }); - } - else - { - findButton.setOptions(new Dictionary() { { "disabled", true } }); + IDictionary row = new Dictionary + { + { "country", countries[i] }, + { "value", values[i] } + }; + + data.Add(row); } + + return data; } + } + \ No newline at end of file diff --git a/dev-project/Release-Imports.razor b/dev-project/Release-Imports.razor index 25268050..6a153f4f 100644 --- a/dev-project/Release-Imports.razor +++ b/dev-project/Release-Imports.razor @@ -29,10 +29,12 @@ var intParse = int.Parse("22"); var doubleParse = double.Parse("22"); - var date = new DateTime().AddDays(22); + var date = new DateTime(2222, 2, 2, 2, 2, 2).AddDays(22); + date.ToString("dd-MMMM-yyyy"); + var date2 = DateTime.Today; var task = Task.Run(() => { }); - task.Wait(TimeSpan.FromSeconds(1)); + task.Wait(TimeSpan.FromSeconds(2)); } } diff --git a/library/jQWidgets.Blazor/Components/JqxButton.razor b/library/jQWidgets.Blazor/Components/JqxButton.razor index 09b00c1f..ad6deaf9 100644 --- a/library/jQWidgets.Blazor/Components/JqxButton.razor +++ b/library/jQWidgets.Blazor/Components/JqxButton.razor @@ -1,7 +1,7 @@ @using System.Text.Json; @inject IJSRuntime JSRuntime; -
    @ChildContent
    + @code { diff --git a/library/jQWidgets.Blazor/Components/JqxComplexInput.razor b/library/jQWidgets.Blazor/Components/JqxComplexInput.razor index 6d605dd1..cedf7f75 100644 --- a/library/jQWidgets.Blazor/Components/JqxComplexInput.razor +++ b/library/jQWidgets.Blazor/Components/JqxComplexInput.razor @@ -1,7 +1,7 @@ @using System.Text.Json; @inject IJSRuntime JSRuntime; -
    @ChildContent
    +
    @ChildContent
    @code { diff --git a/library/jQWidgets.Blazor/Components/JqxDateTimeInput.razor b/library/jQWidgets.Blazor/Components/JqxDateTimeInput.razor index c103dcb1..ea0a58cf 100644 --- a/library/jQWidgets.Blazor/Components/JqxDateTimeInput.razor +++ b/library/jQWidgets.Blazor/Components/JqxDateTimeInput.razor @@ -1,7 +1,7 @@ @using System.Text.Json; @inject IJSRuntime JSRuntime; -
    @ChildContent
    + @code { diff --git a/library/jQWidgets.Blazor/Components/JqxFormattedInput.razor b/library/jQWidgets.Blazor/Components/JqxFormattedInput.razor index e00438ce..648152f3 100644 --- a/library/jQWidgets.Blazor/Components/JqxFormattedInput.razor +++ b/library/jQWidgets.Blazor/Components/JqxFormattedInput.razor @@ -336,13 +336,22 @@ private void getMarkup() { object rtl; - initialOptions.TryGetValue("rtl", out rtl); + if (!initialOptions.TryGetValue("rtl", out rtl)) + { + rtl = false; + } object dropDown; - initialOptions.TryGetValue("dropDown", out dropDown); + if (!initialOptions.TryGetValue("dropDown", out dropDown)) + { + dropDown = false; + } object spinButtons; - initialOptions.TryGetValue("spinButtons", out spinButtons); + if (!initialOptions.TryGetValue("spinButtons", out spinButtons)) + { + spinButtons = false; + } if ((bool)rtl && (bool)dropDown && (bool)spinButtons) { diff --git a/library/jQWidgets.Blazor/Components/JqxInput.razor b/library/jQWidgets.Blazor/Components/JqxInput.razor index d52a2307..2dd422b4 100644 --- a/library/jQWidgets.Blazor/Components/JqxInput.razor +++ b/library/jQWidgets.Blazor/Components/JqxInput.razor @@ -1,7 +1,7 @@ @using System.Text.Json; @inject IJSRuntime JSRuntime; -
    @ChildContent
    + @code { diff --git a/library/jQWidgets.Blazor/Components/JqxMaskedInput.razor b/library/jQWidgets.Blazor/Components/JqxMaskedInput.razor index f41a20f4..f358d38b 100644 --- a/library/jQWidgets.Blazor/Components/JqxMaskedInput.razor +++ b/library/jQWidgets.Blazor/Components/JqxMaskedInput.razor @@ -1,7 +1,7 @@ @using System.Text.Json; @inject IJSRuntime JSRuntime; -
    @ChildContent
    + @code { diff --git a/library/jQWidgets.Blazor/Components/JqxNumberInput.razor b/library/jQWidgets.Blazor/Components/JqxNumberInput.razor index f385f22d..e790bcf7 100644 --- a/library/jQWidgets.Blazor/Components/JqxNumberInput.razor +++ b/library/jQWidgets.Blazor/Components/JqxNumberInput.razor @@ -1,7 +1,7 @@ @using System.Text.Json; @inject IJSRuntime JSRuntime; -
    @ChildContent
    + @code { diff --git a/library/jQWidgets.Blazor/Components/JqxPasswordInput.razor b/library/jQWidgets.Blazor/Components/JqxPasswordInput.razor index 69cc902e..a578f718 100644 --- a/library/jQWidgets.Blazor/Components/JqxPasswordInput.razor +++ b/library/jQWidgets.Blazor/Components/JqxPasswordInput.razor @@ -1,7 +1,7 @@ @using System.Text.Json; @inject IJSRuntime JSRuntime; -
    @ChildContent
    + @code { diff --git a/library/jQWidgets.Blazor/Components/JqxPivotGrid.razor b/library/jQWidgets.Blazor/Components/JqxPivotGrid.razor index 26498f50..7675584c 100644 --- a/library/jQWidgets.Blazor/Components/JqxPivotGrid.razor +++ b/library/jQWidgets.Blazor/Components/JqxPivotGrid.razor @@ -1,7 +1,7 @@ @using System.Text.Json; @inject IJSRuntime JSRuntime; -
    @ChildContent
    +
    @ChildContent
    @code { diff --git a/library/jQWidgets.Blazor/Components/JqxToggleButton.razor b/library/jQWidgets.Blazor/Components/JqxToggleButton.razor index dc387890..75c7677c 100644 --- a/library/jQWidgets.Blazor/Components/JqxToggleButton.razor +++ b/library/jQWidgets.Blazor/Components/JqxToggleButton.razor @@ -1,7 +1,7 @@ @using System.Text.Json; @inject IJSRuntime JSRuntime; -
    @ChildContent
    + @code { diff --git a/library/jQWidgets.Blazor/jQWidgets.Blazor.csproj b/library/jQWidgets.Blazor/jQWidgets.Blazor.csproj index 96ce2406..6b8d4daf 100644 --- a/library/jQWidgets.Blazor/jQWidgets.Blazor.csproj +++ b/library/jQWidgets.Blazor/jQWidgets.Blazor.csproj @@ -4,7 +4,7 @@ netstandard2.0 3.0 jQWidgets.Blazor - 1.0.0 + 1.1.0 diff --git a/library/jQWidgets.Blazor/wwwroot/jqxBlazor.js b/library/jQWidgets.Blazor/wwwroot/jqxBlazor.js index 3868f15c..adc66ed0 100644 --- a/library/jQWidgets.Blazor/wwwroot/jqxBlazor.js +++ b/library/jQWidgets.Blazor/wwwroot/jqxBlazor.js @@ -72,7 +72,17 @@ function checkForIsoStrings(options) { function checkForDataAdapterNeed(options) { if (options.source && options.source.dataFields) { options.source = new jqx.dataAdapter(options.source); + + return options; } - return options; + // Pivot Grid + if (options.source && options.source.dataSource) { + options.source = new jqx.pivot( + new jqx.dataAdapter(options.source.dataSource), + options.source.options + ); + + return options; + } } diff --git a/processors/library-and-api.js b/processors/library-and-api.js index 69a1856b..04dcde6c 100644 --- a/processors/library-and-api.js +++ b/processors/library-and-api.js @@ -408,21 +408,27 @@ function getMarkup(widget) { let markup; switch (widget) { - case `jqxbutton` || `jqxtogglebutton`: + case `jqxButton`: + case `jqxToggleButton`: markup = ``; break; - case `jqxcomplexinput`: + case `jqxComplexInput`: markup = `
    @ChildContent
    `; break; - case `jqxdatetimeinput` || `jqxmaskedinput` || `jqxnumberinput`: + case `jqxDateTimeInput`: + case `jqxMaskedInput`: + case `jqxNumberInput`: markup = ``; break; - case `jqxinput`: + case `jqxInput`: markup = ``; break; - case `jqxpasswordinput`: + case `jqxPasswordInput`: markup = ``; break; + case `jqxPivotGrid`: + markup = `
    @ChildContent
    `; + break; default: markup = `
    @ChildContent
    `; } @@ -437,11 +443,20 @@ function getDynamicMarkup(widget) { outData += ` private void getMarkup()\n`; outData += ` {\n`; outData += ` object rtl;\n`; - outData += ` initialOptions.TryGetValue("rtl", out rtl);\n\n`; + outData += ` if (!initialOptions.TryGetValue("rtl", out rtl))\n`; + outData += ` {\n`; + outData += ` rtl = false;\n`; + outData += ` }\n\n`; outData += ` object dropDown;\n`; - outData += ` initialOptions.TryGetValue("dropDown", out dropDown);\n\n`; + outData += ` if (!initialOptions.TryGetValue("dropDown", out dropDown))\n`; + outData += ` {\n`; + outData += ` dropDown = false;\n`; + outData += ` }\n\n`; outData += ` object spinButtons;\n`; - outData += ` initialOptions.TryGetValue("spinButtons", out spinButtons);\n\n`; + outData += ` if (!initialOptions.TryGetValue("spinButtons", out spinButtons))\n`; + outData += ` {\n`; + outData += ` spinButtons = false;\n`; + outData += ` }\n\n`; outData += ` if ((bool)rtl && (bool)dropDown && (bool)spinButtons)\n`; outData += ` {\n`; outData += ` componentMarkup = "
    ";\n`; diff --git a/processors/site-demos.js b/processors/site-demos.js index ba86a185..5d2339ff 100644 --- a/processors/site-demos.js +++ b/processors/site-demos.js @@ -47,9 +47,9 @@ async function generateSiteDemos() { } // // uncomment to test a single demo - // if (!(widgetFolder === 'grid' && demoFolder === 'bindingtojson')) { - // continue; - // } + if (!(widgetFolder === 'pivotgrid' && demoFolder === 'cellvaluesalignment')) { + continue; + } // creates the demo folder in release/demos/[demo] await createFolder(widgetFolder, demoFolder); diff --git a/release/blazor-calendar/blazor-calendar-restrictdaterange.htm b/release/blazor-calendar/blazor-calendar-restrictdaterange.htm index e039aeb6..0e403248 100644 --- a/release/blazor-calendar/blazor-calendar-restrictdaterange.htm +++ b/release/blazor-calendar/blazor-calendar-restrictdaterange.htm @@ -16,8 +16,8 @@ - - + + @@ -27,7 +27,7 @@
    - Restrict the Blazor Calendar navigation with the setMinDate and setMaxDate methods. + Restrict the Blazor Calendar navigation.
    Loading... diff --git a/release/blazor-calendar/blazor-calendar-restricteddates.htm b/release/blazor-calendar/blazor-calendar-restricteddates.htm deleted file mode 100644 index ae1020fe..00000000 --- a/release/blazor-calendar/blazor-calendar-restricteddates.htm +++ /dev/null @@ -1,36 +0,0 @@ - - - - - Blazor Calendar RestrictedDates. - - - - - - - - - - - - - - - - - - - - - - - -
    - This demo shows how to add restricted dates to Blazor Calendar. -
    - - Loading... - - - diff --git a/release/blazor-calendar/blazor-calendar-twowaydatabinding.htm b/release/blazor-calendar/blazor-calendar-twowaydatabinding.htm deleted file mode 100644 index 445978ab..00000000 --- a/release/blazor-calendar/blazor-calendar-twowaydatabinding.htm +++ /dev/null @@ -1,36 +0,0 @@ - - - - - Blazor Calendar Two Way Data Binding - - - - - - - - - - - - - - - - - - - - - - - -
    - Blazor Calendar Two Way Data Binding. -
    - - Loading... - - - diff --git a/release/blazor-calendar/index.htm b/release/blazor-calendar/index.htm index 5ad42382..fa819901 100644 --- a/release/blazor-calendar/index.htm +++ b/release/blazor-calendar/index.htm @@ -111,9 +111,6 @@
  • Restrict Date Range
  • -
  • - Restricted Dates -
  • Hide Other Month Days
  • diff --git a/release/blazor-complexinput/blazor-complexinput-changeevent.htm b/release/blazor-complexinput/blazor-complexinput-changeevent.htm index 958314bb..6c85d554 100644 --- a/release/blazor-complexinput/blazor-complexinput-changeevent.htm +++ b/release/blazor-complexinput/blazor-complexinput-changeevent.htm @@ -11,10 +11,12 @@ + + - - + + diff --git a/release/blazor-complexinput/blazor-complexinput-exponentialnotation.htm b/release/blazor-complexinput/blazor-complexinput-exponentialnotation.htm index 44fd08b2..5ab81cd5 100644 --- a/release/blazor-complexinput/blazor-complexinput-exponentialnotation.htm +++ b/release/blazor-complexinput/blazor-complexinput-exponentialnotation.htm @@ -11,10 +11,14 @@ + + + + - - + + diff --git a/release/blazor-datetimeinput/blazor-datetimeinput-restrictdaterange.htm b/release/blazor-datetimeinput/blazor-datetimeinput-restrictdaterange.htm index 7af69f08..7a66f56a 100644 --- a/release/blazor-datetimeinput/blazor-datetimeinput-restrictdaterange.htm +++ b/release/blazor-datetimeinput/blazor-datetimeinput-restrictdaterange.htm @@ -16,8 +16,8 @@ - - + + @@ -27,7 +27,7 @@
    - Restrict the Blazor DateTimeInput navigation with the setMinDate and setMaxDate methods. + Restrict the Blazor DateTimeInput navigation.
    Loading... diff --git a/release/blazor-formattedinput/blazor-formattedinput-events.htm b/release/blazor-formattedinput/blazor-formattedinput-events.htm deleted file mode 100644 index c73855db..00000000 --- a/release/blazor-formattedinput/blazor-formattedinput-events.htm +++ /dev/null @@ -1,35 +0,0 @@ - - - - - Blazor FormattedInput Events - - - - - - - - - - - - - - - - - - - - - - -
    - This demo showcases the Blazor FormattedInput events - 'open', 'close', 'change' and 'radixChange'. -
    - - Loading... - - - diff --git a/release/blazor-formattedinput/index.htm b/release/blazor-formattedinput/index.htm index 17fb90b7..da4e6e95 100644 --- a/release/blazor-formattedinput/index.htm +++ b/release/blazor-formattedinput/index.htm @@ -120,9 +120,6 @@
  • Fluid Size
  • -
  • - Events -
  • Keyboard Navigation
  • diff --git a/release/blazor-grid/blazor-grid-paging.htm b/release/blazor-grid/blazor-grid-paging.htm index 9454bef5..b1f34dbc 100644 --- a/release/blazor-grid/blazor-grid-paging.htm +++ b/release/blazor-grid/blazor-grid-paging.htm @@ -24,6 +24,7 @@ + @@ -38,8 +39,8 @@ - - + + diff --git a/release/blazor-grid/index.htm b/release/blazor-grid/index.htm index 0fee1ef1..a6b930bd 100644 --- a/release/blazor-grid/index.htm +++ b/release/blazor-grid/index.htm @@ -401,10 +401,10 @@ --> - - + --> @@ -176,7 +176,7 @@

    Basic concepts

  • Pivot Cells - each pivot cell contains the aggregated value for the respective row, column and aggregation function.
  • - jqxPivotGrid supports Compact and traditional OLAP style. The benefits of the compact style visualization are that it uses less space and you can see subtotals because. The rows that form the pivot table are rendred in a tree-like structure. +
    diff --git a/release/blazor-progressbar/blazor-progressbar-defaultfunctionality.htm b/release/blazor-progressbar/blazor-progressbar-defaultfunctionality.htm index bb75ea38..8f03fd81 100644 --- a/release/blazor-progressbar/blazor-progressbar-defaultfunctionality.htm +++ b/release/blazor-progressbar/blazor-progressbar-defaultfunctionality.htm @@ -13,6 +13,7 @@ + diff --git a/release/blazor-ribbon/index.htm b/release/blazor-ribbon/index.htm index 0f737099..9548867a 100644 --- a/release/blazor-ribbon/index.htm +++ b/release/blazor-ribbon/index.htm @@ -96,16 +96,16 @@ jqxRibbon

    diff --git a/release/blazor-splitter/blazor-splitter-integrationwithjqxtree.htm b/release/blazor-splitter/blazor-splitter-integrationwithjqxtree.htm deleted file mode 100644 index f7684ac6..00000000 --- a/release/blazor-splitter/blazor-splitter-integrationwithjqxtree.htm +++ /dev/null @@ -1,37 +0,0 @@ - - - - - Blazor Splitter IntegratedWithjqxTree - - - - - - - - - - - - - - - - - - - - - - - - -
    - In this sample is demonstrated how to create a basic navigation with Tree and Splitter. -
    - - Loading... - - - diff --git a/release/blazor-splitter/index.htm b/release/blazor-splitter/index.htm index b62f3f4d..8687de0d 100644 --- a/release/blazor-splitter/index.htm +++ b/release/blazor-splitter/index.htm @@ -119,9 +119,6 @@
  • Integration with jqxTabs
  • -
  • - Integration with jqxTree -
  • Multiple Split diff --git a/release/blazor-textarea/blazor-textarea-bindingtojsondata.htm b/release/blazor-textarea/blazor-textarea-bindingtojsondata.htm deleted file mode 100644 index e0b2feca..00000000 --- a/release/blazor-textarea/blazor-textarea-bindingtojsondata.htm +++ /dev/null @@ -1,34 +0,0 @@ - - - - - Blazor TextArea Binding To JSON Data - - - - - - - - - - - - - - - - - - - - - -
    - Blazor TextArea binding to JSON data. -
    - - Loading... - - - diff --git a/release/blazor-textarea/blazor-textarea-fluidsize.htm b/release/blazor-textarea/blazor-textarea-fluidsize.htm deleted file mode 100644 index 097513f3..00000000 --- a/release/blazor-textarea/blazor-textarea-fluidsize.htm +++ /dev/null @@ -1,34 +0,0 @@ - - - - - Blazor TextArea Fluidsize - - - - - - - - - - - - - - - - - - - - - -
    - Blazor Text Area Fluid Size Example. -
    - - Loading... - - - diff --git a/release/blazor-textarea/index.htm b/release/blazor-textarea/index.htm index e4f90405..b7768391 100644 --- a/release/blazor-textarea/index.htm +++ b/release/blazor-textarea/index.htm @@ -104,12 +104,6 @@
  • Default Functionality
  • -
  • - Binding to JSON Data -
  • -
  • - Fluid Size -
  • Right to Left Layout
  • diff --git a/release/blazor-treegrid/blazor-treegrid-columnicons.htm b/release/blazor-treegrid/blazor-treegrid-columnicons.htm deleted file mode 100644 index eaf0363f..00000000 --- a/release/blazor-treegrid/blazor-treegrid-columnicons.htm +++ /dev/null @@ -1,37 +0,0 @@ - - - - - Blazor TreeGrid ColumnIcons - - - - - - - - - - - - - - - - - - - - - - - - -
    - In this demo is illustrated how to display icons in TreeGrid. -
    - - Loading... - - - diff --git a/release/blazor-treegrid/index.htm b/release/blazor-treegrid/index.htm index c3304a85..4d2a54a1 100644 --- a/release/blazor-treegrid/index.htm +++ b/release/blazor-treegrid/index.htm @@ -157,9 +157,6 @@
  • Column Hierarchical
    Checkboxes
  • -
  • - Column Icons -
  • +
  • +
    + +