Skip to content

Commit 3aad4da

Browse files
SyncfusionBuildSyncfusionBuild
committed
Integrated latest changes at 07-04-2024 7:30:07 AM
1 parent 70fe0c1 commit 3aad4da

File tree

357 files changed

+864
-11694
lines changed

Some content is hidden

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

357 files changed

+864
-11694
lines changed

‎ej2-vue-toc.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2940,7 +2940,7 @@
29402940
</ul>
29412941
</li> <li>Release Notes
29422942
<ul>
2943-
<li>2024 Volume 2 - 26.*<ul><li>Weekly Release<ul><li><a href="/ej2-vue/release-notes/26.1.39">26.1.39</a></li><li><a href="/ej2-vue/release-notes/26.1.38">26.1.38</a></li></ul></li><li><a href="/ej2-vue/release-notes/26.1.35">26.1.35 Main Release</a></li></ul></li><li>2024 Volume 1 - 25.*<ul><li>Weekly Release<ul><li><a href="/ej2-vue/release-notes/25.2.7">25.2.7</a></li><li><a href="/ej2-vue/release-notes/25.2.6">25.2.6</a></li><li><a href="/ej2-vue/release-notes/25.2.5">25.2.5</a></li><li><a href="/ej2-vue/release-notes/25.2.4">25.2.4</a></li><li><a href="/ej2-vue/release-notes/25.1.42">25.1.42</a></li><li><a href="/ej2-vue/release-notes/25.1.41">25.1.41</a></li><li><a href="/ej2-vue/release-notes/25.1.40">25.1.40</a></li><li><a href="/ej2-vue/release-notes/25.1.39">25.1.39</a></li><li><a href="/ej2-vue/release-notes/25.1.38">25.1.38</a></li><li><a href="/ej2-vue/release-notes/25.1.37">25.1.37</a></li></ul></li><li><a href="/ej2-vue/release-notes/25.2.3">25.2.3 Service Pack Release</a></li><li><a href="/ej2-vue/release-notes/25.1.35">25.1.35 Main Release</a></li></ul></li>
2943+
<li>2024 Volume 2 - 26.*<ul><li>Weekly Release<ul><li><a href="/ej2-vue/release-notes/26.1.40">26.1.40</a></li><li><a href="/ej2-vue/release-notes/26.1.39">26.1.39</a></li><li><a href="/ej2-vue/release-notes/26.1.38">26.1.38</a></li></ul></li><li><a href="/ej2-vue/release-notes/26.1.35">26.1.35 Main Release</a></li></ul></li><li>2024 Volume 1 - 25.*<ul><li>Weekly Release<ul><li><a href="/ej2-vue/release-notes/25.2.7">25.2.7</a></li><li><a href="/ej2-vue/release-notes/25.2.6">25.2.6</a></li><li><a href="/ej2-vue/release-notes/25.2.5">25.2.5</a></li><li><a href="/ej2-vue/release-notes/25.2.4">25.2.4</a></li><li><a href="/ej2-vue/release-notes/25.1.42">25.1.42</a></li><li><a href="/ej2-vue/release-notes/25.1.41">25.1.41</a></li><li><a href="/ej2-vue/release-notes/25.1.40">25.1.40</a></li><li><a href="/ej2-vue/release-notes/25.1.39">25.1.39</a></li><li><a href="/ej2-vue/release-notes/25.1.38">25.1.38</a></li><li><a href="/ej2-vue/release-notes/25.1.37">25.1.37</a></li></ul></li><li><a href="/ej2-vue/release-notes/25.2.3">25.2.3 Service Pack Release</a></li><li><a href="/ej2-vue/release-notes/25.1.35">25.1.35 Main Release</a></li></ul></li>
29442944
<li>2023 Volume 4 - 24.*<ul><li>Weekly Release<ul><li><a href="/ej2-vue/release-notes/24.2.9">24.2.9</a></li><li><a href="/ej2-vue/release-notes/24.2.8">24.2.8</a></li><li><a href="/ej2-vue/release-notes/24.2.7">24.2.7</a></li><li><a href="/ej2-vue/release-notes/24.2.6">24.2.6</a></li><li><a href="/ej2-vue/release-notes/24.2.5">24.2.5</a></li><li><a href="/ej2-vue/release-notes/24.2.4">24.2.4</a></li><li><a href="/ej2-vue/release-notes/24.1.47">24.1.47</a></li><li><a href="/ej2-vue/release-notes/24.1.46">24.1.46</a></li><li><a href="/ej2-vue/release-notes/24.1.45">24.1.45</a></li><li><a href="/ej2-vue/release-notes/24.1.44">24.1.44</a></li><li><a href="/ej2-vue/release-notes/24.1.43">24.1.43</a></li></ul></li><li><a href="/ej2-vue/release-notes/24.2.3">24.2.3 Service Pack Release</a></li><li><a href="/ej2-vue/release-notes/24.1.41">24.1.41 Main Release</a></li></ul></li>
29452945
<li>2023 Volume 3 - 23.*<ul><li> Weekly Release<ul><li><a href="/ej2-vue/release-notes/23.2.7">23.2.7</a></li><li><a href="/ej2-vue/release-notes/23.2.6">23.2.6</a></li><li><a href="/ej2-vue/release-notes/23.2.5">23.2.5</a></li><li><a href="/ej2-vue/release-notes/23.1.44">23.1.44</a></li><li><a href="/ej2-vue/release-notes/23.1.43">23.1.43</a></li><li><a href="/ej2-vue/release-notes/23.1.42">23.1.42</a></li><li><a href="/ej2-vue/release-notes/23.1.41">23.1.41</a></li><li><a href="/ej2-vue/release-notes/23.1.40">23.1.40</a></li><li><a href="/ej2-vue/release-notes/23.1.39">23.1.39</a></li><li><a href="/ej2-vue/release-notes/23.1.38">23.1.38</a></li></ul></li><li><a href="/ej2-vue/release-notes/23.2.4">23.2.4 Service Pack Release</a></li><li><a href="/ej2-vue/release-notes/23.1.36">23.1.36 Main Release</a></li></ul></li>
29462946
<li>2023 Volume 2 - 22.*

‎ej2-vue/Release-notes/26.1.40.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
title: Essential Studio for Vue Weekly Release Release Notes
3+
description: Essential Studio for Vue Weekly Release Release Notes
4+
platform: ej2-vue
5+
documentation: ug
6+
---
7+
8+
# Essential Studio for Vue Release Notes
9+
10+
{% include release-info.html date="July 02, 2024" version="v26.1.40" %}
11+
12+
{% directory path: _includes/release-notes/v26.1.40 %}
13+
14+
{% include {{file.url}} %}
15+
16+
{% enddirectory %}

‎ej2-vue/code-snippet/grid/accessibility/custom-shortcut-key/app.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212

1313
<script>
1414
15-
import { GridComponent, Toolbar, Edit, Group } from "@syncfusion/ej2-vue-grids";
15+
import { GridComponent, ColumnsDirective, ColumnDirective, Toolbar, Edit, Group } from "@syncfusion/ej2-vue-grids";
1616
import { data } from './datasource.js';
1717
1818
export default {

‎ej2-vue/code-snippet/grid/accessibility/ensuring-accessibility/app-composition.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<div id="app">
33
<ejs-grid :dataSource="data" :allowPaging="true" :pageSettings='pageSettings' :allowSorting='true' :sortSettings='sortSettings' :showColumnChooser='true'
44
:toolbar="toolbar" :editSettings='editSettings' :allowFiltering='true' :filterSettings='filterSettings' :searchSettings='searchSettings' :selectedRowIndex='6'
5-
:allowGrouping='true' :groupSettings='groupSettings' :allowRowDragAndDrop="true" :allowReordering='true'>
5+
:selectionSettings='selectionSettings' :allowGrouping='true' :groupSettings='groupSettings' :allowRowDragAndDrop="true" :allowReordering='true'>
66
<e-columns>
77
<e-column type="checkbox" width=50></e-column>
88
<e-column field='OrderID' headerText='Order ID' textAlign='Right' :isPrimaryKey='true' width=90></e-column>

‎ej2-vue/code-snippet/grid/accessibility/ensuring-accessibility/app.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<div id="app">
33
<ejs-grid :dataSource="data" :allowPaging="true" :pageSettings='pageSettings' :allowSorting='true' :sortSettings='sortSettings' :showColumnChooser='true'
44
:toolbar="toolbar" :editSettings='editSettings' :allowFiltering='true' :filterSettings='filterSettings' :searchSettings='searchSettings' :selectedRowIndex='6'
5-
:allowGrouping='true' :groupSettings='groupSettings' :allowRowDragAndDrop="true" :allowReordering='true'>
5+
:selectionSettings='selectionSettings' :allowGrouping='true' :groupSettings='groupSettings' :allowRowDragAndDrop="true" :allowReordering='true'>
66
<e-columns>
77
<e-column type="checkbox" width=50></e-column>
88
<e-column field='OrderID' headerText='Order ID' textAlign='Right' :isPrimaryKey='true' width=90></e-column>

‎ej2-vue/code-snippet/grid/accessibility/ensuring-accessibility/index.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ new Vue({
1313
<div id="app">
1414
<ejs-grid :dataSource="data" :allowPaging="true" :pageSettings='pageSettings' :allowSorting='true' :sortSettings='sortSettings' :showColumnChooser='true'
1515
:toolbar="toolbar" :editSettings='editSettings' :allowFiltering='true' :filterSettings='filterSettings' :searchSettings='searchSettings' :selectedRowIndex='6'
16-
:allowGrouping='true' :groupSettings='groupSettings' :allowRowDragAndDrop="true" :allowReordering='true'>
16+
:selectionSettings='selectionSettings' :allowGrouping='true' :groupSettings='groupSettings' :allowRowDragAndDrop="true" :allowReordering='true'>
1717
<e-columns>
1818
<e-column type="checkbox" width=50></e-column>
1919
<e-column field='OrderID' headerText='Order ID' textAlign='Right' :isPrimaryKey='true' width=90></e-column>

‎ej2-vue/code-snippet/grid/cell/autowrap-cs1/app-composition.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,11 @@
55
<ejs-dropdownlist ref='dropdown' id='dropdownlist' index="0" width="150" :dataSource="ddlData" :fields='fields'
66
:change="change"></ejs-dropdownlist>
77
</div>
8-
<ejs-grid ref='grid' id="grid" style="padding: 5px 5px" :dataSource='data' :allowPaging='true' :allowTextWrap='true'
8+
<ejs-grid ref='grid' id="grid" style="margin-top: 5px" :dataSource='data' :allowTextWrap='true'
99
:textWrapSettings='wrapSettings' height='310' width='800'>
1010
<e-columns>
1111
<e-column field='Inventor' headerText='Inventor Name' width='150' textAlign="Right"></e-column>
12-
<e-column field='NumberofPatentFamilies' headerText="Number of Patent Families" width='180'
12+
<e-column field='NumberofPatentFamilies' headerText="Number of Patent Families" width='150'
1313
textAlign="Right"></e-column>
1414
<e-column field='Country' headerText='Country' width='140'></e-column>
1515
<e-column field='Active' width='120'></e-column>

‎ej2-vue/code-snippet/grid/cell/autowrap-cs1/app.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,10 +5,10 @@
55
<ejs-dropdownlist ref='dropdown' id='dropdownlist' index="0"
66
width="150" :dataSource="ddlData" :fields='fields' :change="change"></ejs-dropdownlist>
77
</div>
8-
<ejs-grid ref='grid' id="grid" style="padding: 5px 5px" :dataSource='data' :allowPaging='true' :allowTextWrap='true' :textWrapSettings='wrapSettings' height='310' width='800'>
8+
<ejs-grid ref='grid' id="grid" style="margin-top: 5px" :dataSource='data' :allowTextWrap='true' :textWrapSettings='wrapSettings' height='310' width='800'>
99
<e-columns>
1010
<e-column field='Inventor' headerText='Inventor Name' width='150' textAlign="Right"></e-column>
11-
<e-column field='NumberofPatentFamilies' headerText="Number of Patent Families" width='180' textAlign="Right"></e-column>
11+
<e-column field='NumberofPatentFamilies' headerText="Number of Patent Families" width='150' textAlign="Right"></e-column>
1212
<e-column field='Country' headerText='Country' width='140'></e-column>
1313
<e-column field='Active' width='120'></e-column>
1414
<e-column field='Mainfieldsofinvention' headerText='Main fields of invention' width='200'></e-column>
@@ -43,7 +43,7 @@ components: {
4343
},
4444
methods: {
4545
change: function(args) {
46-
let grid = this.$refs.grid.$el.ej2_instances[0];
46+
let grid = this.$refs.grid.ej2Instances;
4747
grid.textWrapSettings.wrapMode = args.value;
4848
}
4949
},

‎ej2-vue/code-snippet/grid/cell/autowrap-cs1/index.css

Lines changed: 0 additions & 2 deletions
This file was deleted.

‎ej2-vue/code-snippet/grid/cell/autowrap-cs1/index.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
<meta name="author" content="Syncfusion" />
1212
<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
1313
<link href="https://cdn.syncfusion.com/ej2/24.2.3/tailwind.css" rel="stylesheet" />
14-
<link href="index.css" rel="stylesheet" />
1514
<script src="systemjs.config.js"></script>
1615
</head>
1716

‎ej2-vue/code-snippet/grid/cell/autowrap-cs1/index.js

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,10 +16,11 @@ new Vue({
1616
<ejs-dropdownlist ref='dropdown' id='dropdownlist' index="0"
1717
width="150" :dataSource="ddlData" :fields='fields' :change="change"></ejs-dropdownlist>
1818
</div>
19-
<ejs-grid ref='grid' id="grid" style="padding: 5px 5px" :dataSource='data' :allowPaging='true' :allowTextWrap='true' :textWrapSettings='wrapSettings' height='310' width='800'>
19+
<ejs-grid ref='grid' id="grid" style="margin-top: 5px" :dataSource='data' :allowTextWrap='true'
20+
:textWrapSettings='wrapSettings' height='310' width='800'>
2021
<e-columns>
2122
<e-column field='Inventor' headerText='Inventor Name' width='150' textAlign="Right"></e-column>
22-
<e-column field='NumberofPatentFamilies' headerText="Number of Patent Families" width='180' textAlign="Right"></e-column>
23+
<e-column field='NumberofPatentFamilies' headerText="Number of Patent Families" width='120' textAlign="Right"></e-column>
2324
<e-column field='Country' headerText='Country' width='140'></e-column>
2425
<e-column field='Active' width='120'></e-column>
2526
<e-column field='Mainfieldsofinvention' headerText='Main fields of invention' width='200'></e-column>

‎ej2-vue/code-snippet/grid/cell/autowrap-cs2/index.css

Lines changed: 0 additions & 2 deletions
This file was deleted.

‎ej2-vue/code-snippet/grid/cell/autowrap-cs2/index.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
<meta name="author" content="Syncfusion" />
1212
<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
1313
<link href="https://cdn.syncfusion.com/ej2/24.2.3/tailwind.css" rel="stylesheet" />
14-
<link href="index.css" rel="stylesheet" />
1514
<script src="systemjs.config.js"></script>
1615
</head>
1716

‎ej2-vue/code-snippet/grid/cell/autowrap-cs3/index.css

Lines changed: 0 additions & 2 deletions
This file was deleted.

‎ej2-vue/code-snippet/grid/cell/autowrap-cs3/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
<meta name="author" content="Syncfusion" />
1212
<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
1313
<link href="https://cdn.syncfusion.com/ej2/24.2.3/tailwind.css" rel="stylesheet" />
14-
<link href="index.css" rel="stylesheet" />
14+
1515
<script src="systemjs.config.js"></script>
1616
</head>
1717

‎ej2-vue/code-snippet/grid/cell/custom-tooltip/index.css

Lines changed: 0 additions & 2 deletions
This file was deleted.

‎ej2-vue/code-snippet/grid/cell/custom-tooltip/index.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
<meta name="author" content="Syncfusion" />
1212
<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
1313
<link href="https://cdn.syncfusion.com/ej2/24.2.3/tailwind.css" rel="stylesheet" />
14-
<link href="index.css" rel="stylesheet" />
1514
<script src="systemjs.config.js"></script>
1615
</head>
1716

‎ej2-vue/code-snippet/grid/cell/default-cs3/app-composition.vue

Lines changed: 5 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,9 @@
22
<div id="app">
33
<ejs-grid :dataSource="data" height='315' :selectionSettings='selectionOptions'>
44
<e-columns>
5-
<e-column field='OrderID' headerText='Order ID' :customAttributes= "{class: 'custom-css'}" width=90></e-column>
5+
<e-column field='OrderID' headerText='Order ID' width=90></e-column>
66
<e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
7-
<e-column field='ShipCity' headerText='Ship City' :customAttributes= "{class: 'custom-css'}" width=90></e-column>
7+
<e-column field='ShipCity' headerText='Ship City' width=90></e-column>
88
<e-column field='ShipName' headerText='Ship Name' textAlign='Right' width=120 > </e-column> </e-columns>
99
</ejs-grid>
1010
</div>
@@ -17,10 +17,9 @@ import { data } from './datasource.js';
1717
const selectionOptions = { type: 'Multiple', mode: 'Cell' };
1818
</script>
1919
<style>
20-
.custom-css {
21-
background: #d7f0f4;
22-
font-style: italic;
23-
color:navy
20+
.e-grid td.e-cellselectionbackground {
21+
background: #9ac5ee;
22+
font-style: italic;
2423
}
2524
2625
@import "../node_modules/@syncfusion/ej2-base/styles/tailwind.css";

‎ej2-vue/code-snippet/grid/cell/default-cs3/app.vue

Lines changed: 5 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,9 @@
22
<div id="app">
33
<ejs-grid :dataSource="data" height='315' :selectionSettings='selectionOptions'>
44
<e-columns>
5-
<e-column field='OrderID' headerText='Order ID' :customAttributes= "{class: 'custom-css'}" width=90></e-column>
5+
<e-column field='OrderID' headerText='Order ID' width=90></e-column>
66
<e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
7-
<e-column field='ShipCity' headerText='Ship City' :customAttributes= "{class: 'custom-css'}" width=90></e-column>
7+
<e-column field='ShipCity' headerText='Ship City' width=90></e-column>
88
<e-column field='ShipName' headerText='Ship Name' textAlign='Right' width=120 > </e-column> </e-columns>
99
</ejs-grid>
1010
</div>
@@ -30,10 +30,9 @@ components: {
3030
}
3131
</script>
3232
<style>
33-
.custom-css {
34-
background: #d7f0f4;
35-
font-style: italic;
36-
color:navy
33+
.e-grid td.e-cellselectionbackground {
34+
background: #9ac5ee;
35+
font-style: italic;
3736
}
3837
3938
@import "../node_modules/@syncfusion/ej2-base/styles/tailwind.css";

‎ej2-vue/code-snippet/grid/cell/encode-cs1/index.css

Lines changed: 0 additions & 2 deletions
This file was deleted.

‎ej2-vue/code-snippet/grid/cell/encode-cs1/index.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
<meta name="author" content="Syncfusion" />
1212
<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
1313
<link href="https://cdn.syncfusion.com/ej2/24.2.3/tailwind.css" rel="stylesheet" />
14-
<link href="index.css" rel="stylesheet" />
1514
<script src="systemjs.config.js"></script>
1615
</head>
1716

‎ej2-vue/code-snippet/grid/column/template-colorpicker/app-composition.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<e-column field='City' headerText='City' width=100></e-column>
88
<e-column headerText='Change the color of row' width='120' :template="'colorPickerTemplate'" textAlign='Center'></e-column>
99
</e-columns>
10-
<template v-slot:colorPickerTemplate="{ data }">
10+
<template v-slot:colorPickerTemplate>
1111
<div><ejs-colorpicker mode="Palette" :change="change"></ejs-colorpicker></div>
1212
</template>
1313
</ejs-grid>

‎ej2-vue/code-snippet/grid/column/template-colorpicker/app.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<e-column field='City' headerText='City' width=100></e-column>
88
<e-column headerText='Change the color of row' width='120' :template="'colorPickerTemplate'" textAlign='Center'></e-column>
99
</e-columns>
10-
<template v-slot:colorPickerTemplate="{data}">
10+
<template v-slot:colorPickerTemplate>
1111
<div><ejs-colorpicker mode="Palette" :change="change"></ejs-colorpicker></div>
1212
</template>
1313
</ejs-grid>

‎ej2-vue/code-snippet/grid/column/template-colorpicker/index.css

Lines changed: 0 additions & 2 deletions
This file was deleted.

‎ej2-vue/code-snippet/grid/column/template-colorpicker/index.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
<meta name="author" content="Syncfusion" />
1212
<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
1313
<link href="https://cdn.syncfusion.com/ej2/24.2.3/tailwind.css" rel="stylesheet" />
14-
<link href="index.css" rel="stylesheet" />
1514
<script src="systemjs.config.js"></script>
1615
</head>
1716

‎ej2-vue/code-snippet/grid/column/template-colorpicker/index.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ new Vue({
1919
<e-column field='City' headerText='City' width=100></e-column>
2020
<e-column headerText='Change the color of row' width='120' :template="'colorPickerTemplate'" textAlign='Center'>
2121
</e-columns>
22-
<template v-slot:colorPickerTemplate="{data}">
22+
<template v-slot:colorPickerTemplate>
2323
<div><ejs-colorpicker mode="Palette" :change="change"></ejs-colorpicker></div>
2424
</template>
2525
</ejs-grid>

‎ej2-vue/code-snippet/grid/contextMenu/default-cs3/app-composition.vue

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,7 @@ import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective
1717
import { data } from './datasource.js';
1818
const grid = ref(null);
1919
const values = "";
20+
const pageSettings = { pageSize: 8 };
2021
const contextMenuItems = [
2122
'SortAscending',
2223
'SortDescending',
@@ -27,12 +28,7 @@ const grid = ref(null);
2728
'PdfExport',
2829
'ExcelExport',
2930
];
30-
const editOptions = {
31-
allowDeleting: true,
32-
allowEditing: true,
33-
allowAdding: true,
34-
};
35-
const created = function(args) {
31+
const created = function() {
3632
grid.value.ej2Instances.contextMenuModule.contextMenu.beforeOpen = (
3733
args
3834
) => {

‎ej2-vue/code-snippet/grid/contextMenu/default-cs3/app.vue

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,7 @@ components: {
2525
return {
2626
values: "",
2727
data: data,
28+
pageSettings : { pageSize: 8 },
2829
contextMenuItems: [
2930
'SortAscending',
3031
'SortDescending',
@@ -35,15 +36,10 @@ components: {
3536
'PdfExport',
3637
'ExcelExport',
3738
],
38-
editOptions: {
39-
allowDeleting: true,
40-
allowEditing: true,
41-
allowAdding: true,
42-
},
4339
};
4440
},
4541
methods: {
46-
created:function(args) {
42+
created:function() {
4743
this.$refs.grid.ej2Instances.contextMenuModule.contextMenu.beforeOpen = (
4844
args
4945
) => {

‎ej2-vue/code-snippet/grid/globalization/default-cs4/index.css

Lines changed: 0 additions & 2 deletions
This file was deleted.

‎ej2-vue/code-snippet/grid/globalization/default-cs5/app-composition.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -32,10 +32,10 @@ setCulture('ar-AE');
3232
const toolbar = ['Add', 'Edit', 'Delete', 'Update', 'Cancel', 'ColumnChooser'];
3333
const onSwitchChange = function(args) {
3434
if(args.checked){
35-
grid.value.enableRtl = false;
35+
grid.value.ej2Instances.enableRtl = false;
3636
}
3737
else{
38-
grid.value.enableRtl = true;
38+
grid.value.ej2Instances.enableRtl = true;
3939
}
4040
}
4141
provide('grid', [Page, Group, Edit, Toolbar, Sort, Reorder, ColumnMenu, ColumnChooser]);

‎ej2-vue/code-snippet/grid/globalization/default-cs5/app.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -46,10 +46,10 @@ components: {
4646
methods: {
4747
onSwitchChange: function(args) {
4848
if(args.checked){
49-
this.$refs.grid.enableRtl = false;
49+
this.$refs.grid.ej2Instances.enableRtl = false;
5050
}
5151
else{
52-
this.$refs.grid.enableRtl = true;
52+
this.$refs.grid.ej2Instances.enableRtl = true;
5353
}
5454
}
5555
},

‎ej2-vue/code-snippet/grid/globalization/default-cs5/index.css

Lines changed: 0 additions & 2 deletions
This file was deleted.

‎ej2-vue/code-snippet/grid/group/clear-group/app-composition.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,8 +22,8 @@ import { ButtonComponent as EjsButton } from "@syncfusion/ej2-vue-buttons";
2222
import { data } from './datasource.js';
2323
const grid = ref(null);
2424
const groupOptions = { columns: ['CustomerID', 'ShipCity'] }
25-
const clearGroup = function (args) {
26-
grid.value.$el.ej2_instances[0].clearGrouping()
25+
const clearGroup = function () {
26+
grid.value.ej2Instances.clearGrouping();
2727
}
2828
provide('grid', [Group]);
2929
</script>

‎ej2-vue/code-snippet/grid/group/clear-group/app.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ components: {
3434
},
3535
methods: {
3636
clearGroup: function(args) {
37-
let grid = this.$refs.grid.$el.ej2_instances[0];
37+
let grid = this.$refs.grid.ej2Instances;
3838
grid.clearGrouping()
3939
}
4040
},

‎ej2-vue/code-snippet/grid/group/clear-group/index.css

Lines changed: 0 additions & 2 deletions
This file was deleted.

‎ej2-vue/code-snippet/grid/group/clear-group/index.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
<meta name="author" content="Syncfusion" />
1212
<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
1313
<link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
14-
<link href="index.css" rel="stylesheet" />
1514
<script src="systemjs.config.js"></script>
1615
</head>
1716

0 commit comments

Comments
 (0)