Skip to content

Commit 5b757e3

Browse files
author
pipeline
committed
v23.1.36 is released
1 parent a206a6e commit 5b757e3

File tree

706 files changed

+26099
-6807
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

706 files changed

+26099
-6807
lines changed

‎config.json‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -72,7 +72,7 @@
7272
"ajax",
7373
"popup",
7474
"treeview",
75-
null,
75+
"null",
7676
"api",
7777
"maskedtextbox",
7878
"numerictextbox",
@@ -176,6 +176,7 @@
176176
"workflow",
177177
"form-validator",
178178
"signature",
179-
"multiline-textbox"
179+
"multiline-textbox",
180+
null
180181
]
181182
}

‎index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
1313
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1414
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
15-
})(window,document,'script','dataLayer','GTM-WLQL39J');</script>
15+
})(window,document,'script','dataLayer','GTM-W8WD8WN');</script>
1616
<!-- End Google Tag Manager -->
1717
<meta charset="utf-8" />
1818
<title>Essential JS 2</title>
@@ -53,7 +53,7 @@
5353

5454
<body class='e-view' aria-busy="true">
5555
<!-- Google Tag Manager (noscript) -->
56-
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WLQL39J"height="0"width="0"style="display:none;visibility:hidden"></iframe></noscript>
56+
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W8WD8WN" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
5757
<!-- End Google Tag Manager (noscript) -->
5858
<div hidden id="sync-analytics" data-queue="EJ2 - JavaScript - Demos"></div>
5959
<aside id='left-sidebar'>

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@syncfusion/ej2-samples",
3-
"version": "22.1.34",
3+
"version": "23.1.36",
44
"description": "Samples for Syncfusion Essential JS 2",
55
"author": "Syncfusion Inc.",
66
"license": "SEE LICENSE IN license",

‎sampleOrder.json‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -908,7 +908,8 @@
908908
"Samples": {
909909
"default":"Default Functionalities",
910910
"simplified": "Simplified Mode",
911-
"resize": "Ribbon Resizing"
911+
"resize": "Ribbon Resizing",
912+
"backstage": "Ribbon Backstage"
912913
}
913914
},
914915
"rich-text-editor": {
@@ -1273,4 +1274,4 @@
12731274
"custom-drop-area": "Custom Drop Area"
12741275
}
12751276
}
1276-
}
1277+
}

‎src/accordion/ajax-content.html‎ renamed to ‎src/accordion/fetch-content.html‎

File renamed without changes.

‎src/accordion/ajax.html‎ renamed to ‎src/accordion/fetch.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -95,12 +95,12 @@
9595
</div>
9696
<div id="action-description">
9797
<p>
98-
This sample demonstrates rendering <code>Accordion</code> content from external source using <code>Ajax</code> library. The content of panel “Network & Connectivity" is loaded from external element.
98+
This sample demonstrates rendering <code>Accordion</code> content from external source using <code>Fetch</code> library. The content of panel “Network & Connectivity" is loaded from external element.
9999
</p>
100100
</div>
101101
<div id="description">
102102
<p>
103-
This sample illustrates the external webpage content loaded inside the Accordion panel by using AJAX library.
103+
This sample illustrates the external webpage content loaded inside the Accordion panel by using FETCH library.
104104
</p>
105105
<p>
106106
More information about Accordion can be found in this <a target="_blank" href="https://ej2.syncfusion.com/documentation/accordion/getting-started/">

‎src/accordion/ajax.ts‎ renamed to ‎src/accordion/fetch.ts‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
11
import { loadCultureFiles } from '../common/culture-loader';
22
/**
3-
* Accordion Ajax Sample
3+
* Accordion Fetch Sample
44
*/
55
import { Accordion, ExpandEventArgs } from '@syncfusion/ej2-navigations';
6-
import { Ajax } from '@syncfusion/ej2-base';
6+
import { Fetch } from '@syncfusion/ej2-base';
77

88
let acrdnObj: Accordion;
99
let nestAcrdn: Accordion;
1010
(window as any).default = (): void => {
1111
loadCultureFiles();
1212

13-
let ajax: Ajax = new Ajax('./src/accordion/ajax-content.html', 'GET', true);
14-
ajax.send().then();
15-
ajax.onSuccess = (data: string): void => {
13+
let fetch: Fetch = new Fetch('./src/accordion/fetch-content.html', 'GET', "application/json",);
14+
fetch.send().then();
15+
fetch.onSuccess = (data: string): void => {
1616
//Initialize Accordion component
1717
acrdnObj = new Accordion({
1818
expandMode: 'Single',

‎src/arc-gauge/patterns.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<div class="control-section">
1+
<div class="control-section" style="overflow: auto;">
22
<table>
33
<tr>
44
<td class="gaugeAlign">

‎src/auto-complete/sample.json‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,14 @@
22
"name": "AutoComplete",
33
"directory": "auto-complete",
44
"category": "Dropdowns",
5+
"type": "update",
56
"ftName": "autocomplete",
67
"samples": [
78
{ "url": "default", "name": "Default Functionalities", "description": "This example demonstrates the default functionalities of the JavaScript autocomplete control with minimum configuration.", "category": "AutoComplete", "api": { "AutoComplete": ["dataSource", "value", "placeholder"] } },
89
{ "url": "grouping-icon", "name": "Grouping and Icons", "description": "This example demonstrates how to group based on the different categories with individual header and icon support using the JavaScript autocomplete control.", "category": "AutoComplete", "api": { "AutoComplete": ["fields", "placeholder"] } },
910
{ "url": "data-binding", "name": "Data Binding", "description": "This example demonstrates how to bind with local data source and fetch data from remote data service in the JavaScript autocomplete control.", "category": "AutoComplete", "api": { "AutoComplete": ["dataSource", "suggestionCount", "query", "sortOrder", "autofill", "filterType", "change"] } },
1011
{ "url": "template", "name": "Template", "description": "This example demonstrates how to customize the appearance of each item in the JavaScript autocomplete control pop-up list using template.", "category": "AutoComplete", "api": { "AutoComplete": ["dataSource", "fields", "headerTemplate", "itemTemplate", "placeholder", "popupHeight"] } },
12+
{ "url": "virtual-scroll", "name": "Virtualization", "type": "new", "description": "This example demonstrates how to use virtualization support of the JavaScript autocomplete control.", "category": "AutoComplete", "api": { "AutoComplete": ["dataSource", "fields", "enableVirtualization", "placeholder"] } },
1113
{ "url": "highlight", "name": "Highlight", "description": "This example demonstrates how to highlight the searched characters in the suggested list items of the JavaScript autocomplete control.", "category": "AutoComplete", "api": { "AutoComplete": ["dataSource", "fields", "highlight", "placeholder"] } },
1214
{ "url": "custom-filtering", "name": "Custom Filtering", "description": "This example demonstrates how to achieve the custom filtering functionalities in the JavaScript autocomplete control.", "category": "AutoComplete", "api": { "AutoComplete": ["dataSource", "filtering", "fields", "placeholder"] } },
1315
{ "url": "diacritics-filtering", "name": "Diacritics Filtering", "description": "This example demonstrates how to achieve the diacritics filter functionalities in the JavaScript autocomplete control.", "category": "AutoComplete", "api": { "AutoComplete": ["dataSource", "ignoreAccent", "placeholder"] } }

‎src/auto-complete/virtual-scroll.html‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<div class="col-lg-12 control-section">
2+
<div class="control-wrapper">
3+
<div style='padding-top:70px;'>
4+
<input type="text" id="data" tabindex="1" />
5+
</div>
6+
</div>
7+
</div>
8+
9+
<div id="action-description">
10+
<p>This example demonstrates the virtualization support of the AutoComplete. The component has 150 items bound to it; however, when you open the suggestion list, only few items are loaded based on the popup height, and the remaining items are loaded while scrolling.</p>
11+
</div>
12+
13+
<div id="description">
14+
<p>The <code>AutoComplete</code> component supports virtualization, which improves UI performance for large amounts of data. To enable virtualization, set the <code>enableVirtualization</code> property to true. When virtualization is enabled, AutoComplete doesn't render the entire suggestion data source on initial component rendering. It loads the N number of items in the popup on initial rendering and the remaining set number of items will load while scrolling.
15+
Virtualization works with both local and remote data.</p>
16+
<p>To perform the virtualization feature in AutoComplete, the <code>VirtualSCroll</code> module
17+
have to be injected in the application end.</p>
18+
</div>
19+
<!-- custom code start -->
20+
<style>
21+
.control-wrapper {
22+
margin: 0 auto;
23+
width: 250px;
24+
}
25+
</style>
26+
<!-- custom code end-->

0 commit comments

Comments
 (0)