From 17436d8dee9b400cdbc01e10d1d31ba294508bdc Mon Sep 17 00:00:00 2001 From: Build Automaion Date: Wed, 13 Dec 2023 11:00:01 +0530 Subject: [PATCH] Integrated latest changes at 12-13-2023 10:30:09 AM --- .../datasource.ts | 77 +++ .../es5-datasource.js | 77 +++ .../index.css | 14 + .../columnchooser-changeoperator-cs1/index.js | 16 + .../columnchooser-changeoperator-cs1/index.ts | 20 + .../js/index.html | 33 + .../systemjs.config.js | 43 ++ .../ts/index.html | 29 + .../grid/columnchooser-cs1/datasource.ts | 643 ------------------ .../grid/columnchooser-cs1/es5datasource.js | 643 ------------------ .../grid/columnchooser-cs1/index.css | 3 +- .../grid/columnchooser-cs1/index.js | 40 +- .../grid/columnchooser-cs1/index.ts | 17 +- .../grid/columnchooser-cs1/js/index.html | 37 +- .../grid/columnchooser-cs1/systemjs.config.js | 4 +- .../grid/columnchooser-cs1/ts/index.html | 26 +- .../datasource.ts | 76 +++ .../es5-datasource.js | 76 +++ .../index.css | 14 + .../index.js | 17 + .../index.ts | 21 + .../js/index.html | 33 + .../systemjs.config.js | 43 ++ .../ts/index.html | 29 + .../datasource.ts | 77 +++ .../es5-datasource.js | 77 +++ .../columnchooser-hide-column-cs1/index.css | 14 + .../columnchooser-hide-column-cs1/index.js | 15 + .../columnchooser-hide-column-cs1/index.ts | 19 + .../js/index.html | 32 + .../systemjs.config.js | 43 ++ .../ts/index.html | 29 + .../columnchooser-method-cs1/datasource.ts | 213 ------ .../es5-datasource.js | 213 ------ .../grid/columnchooser-method-cs1/index.css | 4 +- .../grid/columnchooser-method-cs1/index.js | 18 +- .../grid/columnchooser-method-cs1/index.ts | 27 +- .../columnchooser-method-cs1/js/index.html | 36 +- .../systemjs.config.js | 3 +- .../columnchooser-method-cs1/ts/index.html | 26 +- .../customize-columnchooser-cs1/datasource.ts | 77 +++ .../es5-datasource.js | 77 +++ .../customize-columnchooser-cs1/index.css | 14 + .../grid/customize-columnchooser-cs1/index.js | 15 + .../grid/customize-columnchooser-cs1/index.ts | 19 + .../customize-columnchooser-cs1/js/index.html | 43 ++ .../systemjs.config.js | 43 ++ .../customize-columnchooser-cs1/ts/index.html | 39 ++ ej2-javascript/grid/columns/column-chooser.md | 156 ++++- 49 files changed, 1480 insertions(+), 1880 deletions(-) create mode 100644 ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/datasource.ts create mode 100644 ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/es5-datasource.js create mode 100644 ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/index.css create mode 100644 ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/index.js create mode 100644 ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/index.ts create mode 100644 ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/js/index.html create mode 100644 ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/systemjs.config.js create mode 100644 ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/ts/index.html create mode 100644 ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/datasource.ts create mode 100644 ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/es5-datasource.js create mode 100644 ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/index.css create mode 100644 ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/index.js create mode 100644 ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/index.ts create mode 100644 ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/js/index.html create mode 100644 ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/systemjs.config.js create mode 100644 ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/ts/index.html create mode 100644 ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/datasource.ts create mode 100644 ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/es5-datasource.js create mode 100644 ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/index.css create mode 100644 ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/index.js create mode 100644 ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/index.ts create mode 100644 ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/js/index.html create mode 100644 ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/systemjs.config.js create mode 100644 ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/ts/index.html create mode 100644 ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/datasource.ts create mode 100644 ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/es5-datasource.js create mode 100644 ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/index.css create mode 100644 ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/index.js create mode 100644 ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/index.ts create mode 100644 ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/js/index.html create mode 100644 ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/systemjs.config.js create mode 100644 ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/ts/index.html diff --git a/ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/datasource.ts b/ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/datasource.ts new file mode 100644 index 000000000..ada2e0c74 --- /dev/null +++ b/ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/datasource.ts @@ -0,0 +1,77 @@ +export let data: Object[] = [ + { + OrderID: 10248, CustomerID: 'VINET', EmployeeID: 5, OrderDate: new Date(8364186e5), + ShipName: 'Vins et alcools Chevalier', ShipCity: 'Reims', ShipAddress: '59 rue de l Abbaye', + ShipRegion: 'CJ', ShipPostalCode: '51100', ShipCountry: 'France', Freight: 32.38, Verified: !0 + }, + { + OrderID: 10249, CustomerID: 'TOMSP', EmployeeID: 6, OrderDate: new Date(836505e6), + ShipName: 'Toms Spezialitäten', ShipCity: 'Münster', ShipAddress: 'Luisenstr. 48', + ShipRegion: 'CJ', ShipPostalCode: '44087', ShipCountry: 'Germany', Freight: 11.61, Verified: !1 + }, + { + OrderID: 10250, CustomerID: 'HANAR', EmployeeID: 4, OrderDate: new Date(8367642e5), + ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67', + ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 65.83, Verified: !0 + }, + { + OrderID: 10251, CustomerID: 'VICTE', EmployeeID: 3, OrderDate: new Date(8367642e5), + ShipName: 'Victuailles en stock', ShipCity: 'Lyon', ShipAddress: '2, rue du Commerce', + ShipRegion: 'CJ', ShipPostalCode: '69004', ShipCountry: 'France', Freight: 41.34, Verified: !0 + }, + { + OrderID: 10252, CustomerID: 'SUPRD', EmployeeID: 4, OrderDate: new Date(8368506e5), + ShipName: 'Suprêmes délices', ShipCity: 'Charleroi', ShipAddress: 'Boulevard Tirou, 255', + ShipRegion: 'CJ', ShipPostalCode: 'B-6000', ShipCountry: 'Belgium', Freight: 51.3, Verified: !0 + }, + { + OrderID: 10253, CustomerID: 'HANAR', EmployeeID: 3, OrderDate: new Date(836937e6), + ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67', + ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 58.17, Verified: !0 + }, + { + OrderID: 10254, CustomerID: 'CHOPS', EmployeeID: 5, OrderDate: new Date(8370234e5), + ShipName: 'Chop-suey Chinese', ShipCity: 'Bern', ShipAddress: 'Hauptstr. 31', + ShipRegion: 'CJ', ShipPostalCode: '3012', ShipCountry: 'Switzerland', Freight: 22.98, Verified: !1 + }, + { + OrderID: 10255, CustomerID: 'RICSU', EmployeeID: 9, OrderDate: new Date(8371098e5), + ShipName: 'Richter Supermarkt', ShipCity: 'Genève', ShipAddress: 'Starenweg 5', + ShipRegion: 'CJ', ShipPostalCode: '1204', ShipCountry: 'Switzerland', Freight: 148.33, Verified: !0 + }, + { + OrderID: 10256, CustomerID: 'WELLI', EmployeeID: 3, OrderDate: new Date(837369e6), + ShipName: 'Wellington Importadora', ShipCity: 'Resende', ShipAddress: 'Rua do Mercado, 12', + ShipRegion: 'SP', ShipPostalCode: '08737-363', ShipCountry: 'Brazil', Freight: 13.97, Verified: !1 + }, + { + OrderID: 10257, CustomerID: 'HILAA', EmployeeID: 4, OrderDate: new Date(8374554e5), + ShipName: 'HILARION-Abastos', ShipCity: 'San Cristóbal', ShipAddress: 'Carrera 22 con Ave. Carlos Soublette #8-35', + ShipRegion: 'Táchira', ShipPostalCode: '5022', ShipCountry: 'Venezuela', Freight: 81.91, Verified: !0 + }, + { + OrderID: 10258, CustomerID: 'ERNSH', EmployeeID: 1, OrderDate: new Date(8375418e5), + ShipName: 'Ernst Handel', ShipCity: 'Graz', ShipAddress: 'Kirchgasse 6', + ShipRegion: 'CJ', ShipPostalCode: '8010', ShipCountry: 'Austria', Freight: 140.51, Verified: !0 + }, + { + OrderID: 10259, CustomerID: 'CENTC', EmployeeID: 4, OrderDate: new Date(8376282e5), + ShipName: 'Centro comercial Moctezuma', ShipCity: 'México D.F.', ShipAddress: 'Sierras de Granada 9993', + ShipRegion: 'CJ', ShipPostalCode: '05022', ShipCountry: 'Mexico', Freight: 3.25, Verified: !1 + }, + { + OrderID: 10260, CustomerID: 'OTTIK', EmployeeID: 4, OrderDate: new Date(8377146e5), + ShipName: 'Ottilies Käseladen', ShipCity: 'Köln', ShipAddress: 'Mehrheimerstr. 369', + ShipRegion: 'CJ', ShipPostalCode: '50739', ShipCountry: 'Germany', Freight: 55.09, Verified: !0 + }, + { + OrderID: 10261, CustomerID: 'QUEDE', EmployeeID: 4, OrderDate: new Date(8377146e5), + ShipName: 'Que Delícia', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua da Panificadora, 12', + ShipRegion: 'RJ', ShipPostalCode: '02389-673', ShipCountry: 'Brazil', Freight: 3.05, Verified: !1 + }, + { + OrderID: 10262, CustomerID: 'RATTC', EmployeeID: 8, OrderDate: new Date(8379738e5), + ShipName: 'Rattlesnake Canyon Grocery', ShipCity: 'Albuquerque', ShipAddress: '2817 Milton Dr.', + ShipRegion: 'NM', ShipPostalCode: '87110', ShipCountry: 'USA', Freight: 48.29, Verified: !0 + }]; + diff --git a/ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/es5-datasource.js b/ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/es5-datasource.js new file mode 100644 index 000000000..c1223dc0b --- /dev/null +++ b/ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/es5-datasource.js @@ -0,0 +1,77 @@ +var data = [ + { + OrderID: 10248, CustomerID: 'VINET', EmployeeID: 5, OrderDate: new Date(8364186e5), + ShipName: 'Vins et alcools Chevalier', ShipCity: 'Reims', ShipAddress: '59 rue de l Abbaye', + ShipRegion: 'CJ', ShipPostalCode: '51100', ShipCountry: 'France', Freight: 32.38, Verified: !0 + }, + { + OrderID: 10249, CustomerID: 'TOMSP', EmployeeID: 6, OrderDate: new Date(836505e6), + ShipName: 'Toms Spezialitäten', ShipCity: 'Münster', ShipAddress: 'Luisenstr. 48', + ShipRegion: 'CJ', ShipPostalCode: '44087', ShipCountry: 'Germany', Freight: 11.61, Verified: !1 + }, + { + OrderID: 10250, CustomerID: 'HANAR', EmployeeID: 4, OrderDate: new Date(8367642e5), + ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67', + ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 65.83, Verified: !0 + }, + { + OrderID: 10251, CustomerID: 'VICTE', EmployeeID: 3, OrderDate: new Date(8367642e5), + ShipName: 'Victuailles en stock', ShipCity: 'Lyon', ShipAddress: '2, rue du Commerce', + ShipRegion: 'CJ', ShipPostalCode: '69004', ShipCountry: 'France', Freight: 41.34, Verified: !0 + }, + { + OrderID: 10252, CustomerID: 'SUPRD', EmployeeID: 4, OrderDate: new Date(8368506e5), + ShipName: 'Suprêmes délices', ShipCity: 'Charleroi', ShipAddress: 'Boulevard Tirou, 255', + ShipRegion: 'CJ', ShipPostalCode: 'B-6000', ShipCountry: 'Belgium', Freight: 51.3, Verified: !0 + }, + { + OrderID: 10253, CustomerID: 'HANAR', EmployeeID: 3, OrderDate: new Date(836937e6), + ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67', + ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 58.17, Verified: !0 + }, + { + OrderID: 10254, CustomerID: 'CHOPS', EmployeeID: 5, OrderDate: new Date(8370234e5), + ShipName: 'Chop-suey Chinese', ShipCity: 'Bern', ShipAddress: 'Hauptstr. 31', + ShipRegion: 'CJ', ShipPostalCode: '3012', ShipCountry: 'Switzerland', Freight: 22.98, Verified: !1 + }, + { + OrderID: 10255, CustomerID: 'RICSU', EmployeeID: 9, OrderDate: new Date(8371098e5), + ShipName: 'Richter Supermarkt', ShipCity: 'Genève', ShipAddress: 'Starenweg 5', + ShipRegion: 'CJ', ShipPostalCode: '1204', ShipCountry: 'Switzerland', Freight: 148.33, Verified: !0 + }, + { + OrderID: 10256, CustomerID: 'WELLI', EmployeeID: 3, OrderDate: new Date(837369e6), + ShipName: 'Wellington Importadora', ShipCity: 'Resende', ShipAddress: 'Rua do Mercado, 12', + ShipRegion: 'SP', ShipPostalCode: '08737-363', ShipCountry: 'Brazil', Freight: 13.97, Verified: !1 + }, + { + OrderID: 10257, CustomerID: 'HILAA', EmployeeID: 4, OrderDate: new Date(8374554e5), + ShipName: 'HILARION-Abastos', ShipCity: 'San Cristóbal', ShipAddress: 'Carrera 22 con Ave. Carlos Soublette #8-35', + ShipRegion: 'Táchira', ShipPostalCode: '5022', ShipCountry: 'Venezuela', Freight: 81.91, Verified: !0 + }, + { + OrderID: 10258, CustomerID: 'ERNSH', EmployeeID: 1, OrderDate: new Date(8375418e5), + ShipName: 'Ernst Handel', ShipCity: 'Graz', ShipAddress: 'Kirchgasse 6', + ShipRegion: 'CJ', ShipPostalCode: '8010', ShipCountry: 'Austria', Freight: 140.51, Verified: !0 + }, + { + OrderID: 10259, CustomerID: 'CENTC', EmployeeID: 4, OrderDate: new Date(8376282e5), + ShipName: 'Centro comercial Moctezuma', ShipCity: 'México D.F.', ShipAddress: 'Sierras de Granada 9993', + ShipRegion: 'CJ', ShipPostalCode: '05022', ShipCountry: 'Mexico', Freight: 3.25, Verified: !1 + }, + { + OrderID: 10260, CustomerID: 'OTTIK', EmployeeID: 4, OrderDate: new Date(8377146e5), + ShipName: 'Ottilies Käseladen', ShipCity: 'Köln', ShipAddress: 'Mehrheimerstr. 369', + ShipRegion: 'CJ', ShipPostalCode: '50739', ShipCountry: 'Germany', Freight: 55.09, Verified: !0 + }, + { + OrderID: 10261, CustomerID: 'QUEDE', EmployeeID: 4, OrderDate: new Date(8377146e5), + ShipName: 'Que Delícia', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua da Panificadora, 12', + ShipRegion: 'RJ', ShipPostalCode: '02389-673', ShipCountry: 'Brazil', Freight: 3.05, Verified: !1 + }, + { + OrderID: 10262, CustomerID: 'RATTC', EmployeeID: 8, OrderDate: new Date(8379738e5), + ShipName: 'Rattlesnake Canyon Grocery', ShipCity: 'Albuquerque', ShipAddress: '2817 Milton Dr.', + ShipRegion: 'NM', ShipPostalCode: '87110', ShipCountry: 'USA', Freight: 48.29, Verified: !0 + }]; + diff --git a/ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/index.css b/ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/index.css new file mode 100644 index 000000000..0fba63172 --- /dev/null +++ b/ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/index.css @@ -0,0 +1,14 @@ +#container { + visibility: hidden; +} + +#loader { + color: #008cff; + font-family: 'Helvetica Neue','calibiri'; + font-size: 14px; + height: 40px; + left: 45%; + position: absolute; + top: 45%; + width: 30%; +} \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/index.js b/ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/index.js new file mode 100644 index 000000000..de2133b01 --- /dev/null +++ b/ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/index.js @@ -0,0 +1,16 @@ +ej.grids.Grid.Inject(ej.grids.Toolbar, ej.grids.ColumnChooser); +var grid = new ej.grids.Grid({ + dataSource: data, + showColumnChooser: true, + toolbar: ['ColumnChooser'], + columnChooserSettings: { operator: 'contains' }, + columns: [ + { field: 'OrderID', headerText: 'Order ID', width: 120, textAlign: 'Right' }, + { field: 'OrderDate', headerText: 'Order Date', width: 120, format: 'yMd', textAlign: 'Right' }, + { field: 'Freight', headerText: 'Freight', width: 120, format: 'C2', textAlign: 'Right' }, + { field: 'ShipCountry', headerText: 'Ship Country', width: 130 }, + { field: 'ShipCity', headerText: 'Ship City', visible: false, width: 130 } + ], + height: 235 +}); +grid.appendTo('#Grid'); \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/index.ts b/ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/index.ts new file mode 100644 index 000000000..13f126086 --- /dev/null +++ b/ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/index.ts @@ -0,0 +1,20 @@ +import { Grid, Toolbar, ColumnChooser } from '@syncfusion/ej2-grids'; +import { data } from './datasource.ts'; + +Grid.Inject( Toolbar, ColumnChooser); + +let grid: Grid = new Grid({ + dataSource: data, + showColumnChooser: true, + toolbar: ['ColumnChooser'], + columnChooserSettings: { operator: 'contains' }, + columns: [ + { field: 'OrderID', headerText: 'Order ID', width: 120, textAlign: 'Right' }, + { field: 'OrderDate', headerText: 'Order Date', width: 120, format: 'yMd', textAlign: 'Right' }, + { field: 'Freight', headerText: 'Freight', width: 120, format: 'C2', textAlign: 'Right' }, + { field: 'ShipCountry', headerText: 'Ship Country', width: 130 }, + { field: 'ShipCity', headerText: 'Ship City', visible: false, width: 130 } + ], + height: 235 +}); +grid.appendTo('#Grid'); \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/js/index.html b/ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/js/index.html new file mode 100644 index 000000000..3c5897780 --- /dev/null +++ b/ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/js/index.html @@ -0,0 +1,33 @@ + + + EJ2 Grid + + + + + + + + + + + + + + + + + + + +
+
+
+ + + \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/systemjs.config.js b/ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/systemjs.config.js new file mode 100644 index 000000000..852509014 --- /dev/null +++ b/ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/systemjs.config.js @@ -0,0 +1,43 @@ +System.config({ + transpiler: "typescript", + typescriptOptions: { + compilerOptions: { + target: "umd", + module: "commonjs", + moduleResolution: "node", + emitDecoratorMetadata: true, + experimentalDecorators: true + } + }, + paths: { + "syncfusion:": "https://cdn.syncfusion.com/ej2/23.2.4/" + }, + map: { + main: "index.ts", + typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js", + 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js', + "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js", + "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js", + "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js", + "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js", + "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js", + "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js", + "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js", + "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js", + "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js", + "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js", + "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js", + "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js", + "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js", + "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js", + "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", + "@syncfusion/ej2-notifications":"syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js" + }, + meta: { + '*.json': { loader: 'plugin-json' } + } +}); +System.import('index.ts').catch(console.error.bind(console)).then(function () { + document.getElementById('loader').style.display = "none"; + document.getElementById('container').style.visibility = "visible"; +}); \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/ts/index.html b/ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/ts/index.html new file mode 100644 index 000000000..9f4162923 --- /dev/null +++ b/ej2-javascript/code-snippet/grid/columnchooser-changeoperator-cs1/ts/index.html @@ -0,0 +1,29 @@ + + + + EJ2 Grid + + + + + + + + + + + + + + + + + + + +
Loading....
+
+
+
+ + \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-cs1/datasource.ts b/ej2-javascript/code-snippet/grid/columnchooser-cs1/datasource.ts index c63c4fbd6..b2be8fe68 100644 --- a/ej2-javascript/code-snippet/grid/columnchooser-cs1/datasource.ts +++ b/ej2-javascript/code-snippet/grid/columnchooser-cs1/datasource.ts @@ -74,646 +74,3 @@ export let data: Object[] = [ ShipName: 'Rattlesnake Canyon Grocery', ShipCity: 'Albuquerque', ShipAddress: '2817 Milton Dr.', ShipRegion: 'NM', ShipPostalCode: '87110', ShipCountry: 'USA', Freight: 48.29, Verified: !0 }]; - -export let employeeData: Object[] = [{ - 'EmployeeID': 1, - 'LastName': 'Davolio', - 'FirstName': 'Nancy', - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-664743600000), - 'HireDate': new Date(704692800000), - 'Address': '507 - 20th Ave. E.\r\nApt. 2A', - 'City': 'Seattle', - 'Region': 'WA', - 'PostalCode': '98122', - 'Country': 'USA', - 'HomePhone': '(206) 555-9857', - 'Extension': '5467', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Education includes a BA in psychology from Colorado State University in 1970. She also completed\ - \'The Art of the Cold Call.\' Nancy is a member of Toastmasters International.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 2, - 'LastName': 'Fuller', - 'FirstName': 'Andrew', - 'Title': 'Vice President, Sales', - 'TitleOfCourtesy': 'Dr.', - 'BirthDate': new Date(-563828400000), - 'HireDate': new Date(713764800000), - 'Address': '908 W. Capital Way', - 'City': 'Tacoma', - 'Region': 'WA', - 'PostalCode': '98401', - 'Country': 'USA', - 'HomePhone': '(206) 555-9482', - 'Extension': '3457', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Andrew received his BTS commercial in 1974 and a Ph.D. in international marketing from the University of \ - Dallas in 1981. He is fluent in French and Italian and reads German. He joined the company as a sales representative, \ - was promoted to sales manager in January 1992 and to vice president of sales in March 1993. Andrew is a member of the \ - Sales Management Roundtable, the Seattle Chamber of Commerce, and the Pacific Rim Importers Association.', - 'ReportsTo': 0, - 'PhotoPath': 'http://accweb/emmployees/fuller.bmp' -}, -{ - 'EmployeeID': 3, - 'LastName': 'Leverling', - 'FirstName': 'Janet', - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-200088000000), - 'HireDate': new Date(702104400000), - 'Address': '722 Moss Bay Blvd.', - 'City': 'Kirkland', - 'Region': 'WA', - 'PostalCode': '98033', - 'Country': 'USA', - 'HomePhone': '(206) 555-3412', - 'Extension': '3355', - 'Photo': { 'Length': 21722 }, - - 'Notes': 'Janet has a BS degree in chemistry from Boston College (1984). \ - She has also completed a certificate program in food retailing management.\ - Janet was hired as a sales associate in 1991 and promoted to sales representative in February 1992.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/leverling.bmp' -}, -{ - 'EmployeeID': 4, - 'LastName': 'Peacock', - 'FirstName': 'Margaret', - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Mrs.', - 'BirthDate': new Date(-1018814400000), - 'HireDate': new Date(736401600000), - 'Address': '4110 Old Redmond Rd.', - 'City': 'Redmond', - 'Region': 'WA', - 'PostalCode': '98052', - 'Country': 'USA', - 'HomePhone': '(206) 555-8122', - 'Extension': '5176', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Margaret holds a BA in English literature from Concordia College (1958) and an MA from the American \ - Institute of Culinary Arts (1966). She was assigned to the London office temporarily from July through November 1992.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/peacock.bmp' -}, -{ - 'EmployeeID': 5, - 'LastName': 'Buchanan', - 'FirstName': 'Steven', - 'Title': 'Sales Manager', - 'TitleOfCourtesy': 'Mr.', - 'BirthDate': new Date(-468010800000), - 'HireDate': new Date(750830400000), - 'Address': '14 Garrett Hill', - 'City': 'London', - 'Region': null, - 'PostalCode': - 'SW1 8JR', - 'Country': 'UK', - 'HomePhone': '(71) 555-4848', - 'Extension': '3453', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Steven Buchanan graduated from St. Andrews University, Scotland, with a BSC degree in 1976. Upon joining the company as \ - a sales representative in 1992, he spent 6 months in an orientation program at the Seattle office and then returned to his permanent \ - post in London. He was promoted to sales manager in March 1993. Mr. Buchanan has completed the courses \'Successful \ - Telemarketing\' and \'International Sales Management.\' He is fluent in French.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/buchanan.bmp' -}, -{ - 'EmployeeID': 6, - 'LastName': 'Suyama', - 'FirstName': 'Michael', - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Mr.', - 'BirthDate': new Date(-205185600000), - 'HireDate': new Date(750830400000), - 'Address': 'Coventry House\r\nMiner Rd.', - 'City': 'London', - 'Region': null, - 'PostalCode': 'EC2 7JR', - 'Country': 'UK', - 'HomePhone': '(71) 555-7773', - 'Extension': '428', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Michael is a graduate of Sussex University (MA, economics, 1983) and the University of California at Los Angeles \ - (MBA, marketing, 1986). He has also taken the courses \'Multi-Cultural Selling\' and \'Time Management for the Sales Professional.\' \ - He is fluent in Japanese and can read and write French, Portuguese, and Spanish.', - 'ReportsTo': 5, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 7, - 'LastName': 'King', - 'FirstName': 'Robert', - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Mr.', - 'BirthDate': new Date(-302731200000), - 'HireDate': new Date(757486800000), - 'Address': 'Edgeham Hollow\r\nWinchester Way', - 'City': 'London', - 'Region': null, - 'PostalCode': 'RG1 9SP', - 'Country': 'UK', - 'HomePhone': '(71) 555-5598', - 'Extension': '465', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Robert King served in the Peace Corps and traveled extensively before completing his degree in English at the \ - University of Michigan in 1992, the year he joined the company. After completing a course entitled \'Selling in Europe,\' \ - he was transferred to the London office in March 1993.', - 'ReportsTo': 5, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 8, - 'LastName': 'Callahan', - 'FirstName': 'Laura', - 'Title': 'Inside Sales Coordinator', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-377982000000), - 'HireDate': new Date(762843600000), - 'Address': '4726 - 11th Ave. N.E.', - 'City': 'Seattle', - 'Region': 'WA', - 'PostalCode': '98105', - 'Country': 'USA', - 'HomePhone': '(206) 555-1189', - 'Extension': '2344', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Laura received a BA in psychology from the University of Washington. She has also completed a course in business \ - French. She reads and writes French.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 9, - 'LastName': 'Dodsworth', - 'FirstName': 'Anne', - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-123966000000), - 'HireDate': new Date(784875600000), - 'Address': '7 Houndstooth Rd.', - 'City': 'London', - 'Region': null, - 'PostalCode': 'WG2 7LT', - 'Country': 'UK', - 'HomePhone': '(71) 555-4444', - 'Extension': '452', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Anne has a BA degree in English from St. Lawrence College. She is fluent in French and German.', - 'ReportsTo': 5, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}]; -export let complexData: Object[] = [{ - 'EmployeeID': 1, - 'Name': { - 'LastName': 'Davolio', - 'FirstName': 'Nancy'}, - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-664743600000), - 'HireDate': new Date(704692800000), - 'Address': '507 - 20th Ave. E.\r\nApt. 2A', - 'City': 'Seattle', - 'Region': 'WA', - 'PostalCode': '98122', - 'Country': 'USA', - 'HomePhone': '(206) 555-9857', - 'Extension': '5467', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Education includes a BA in psychology from Colorado State University in 1970. She also completed\ - \'The Art of the Cold Call.\' Nancy is a member of Toastmasters International.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 2, - 'Name':{ - 'LastName': 'Fuller', - 'FirstName': 'Andrew'}, - 'Title': 'Vice President, Sales', - 'TitleOfCourtesy': 'Dr.', - 'BirthDate': new Date(-563828400000), - 'HireDate': new Date(713764800000), - 'Address': '908 W. Capital Way', - 'City': 'Tacoma', - 'Region': 'WA', - 'PostalCode': '98401', - 'Country': 'USA', - 'HomePhone': '(206) 555-9482', - 'Extension': '3457', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Andrew received his BTS commercial in 1974 and a Ph.D. in international marketing from the University of \ - Dallas in 1981. He is fluent in French and Italian and reads German. He joined the company as a sales representative, \ - was promoted to sales manager in January 1992 and to vice president of sales in March 1993. Andrew is a member of the \ - Sales Management Roundtable, the Seattle Chamber of Commerce, and the Pacific Rim Importers Association.', - 'ReportsTo': 0, - 'PhotoPath': 'http://accweb/emmployees/fuller.bmp' -}, -{ - 'EmployeeID': 3, - 'Name':{ - 'LastName': 'Leverling', - 'FirstName': 'Janet'}, - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-200088000000), - 'HireDate': new Date(702104400000), - 'Address': '722 Moss Bay Blvd.', - 'City': 'Kirkland', - 'Region': 'WA', - 'PostalCode': '98033', - 'Country': 'USA', - 'HomePhone': '(206) 555-3412', - 'Extension': '3355', - 'Photo': { 'Length': 21722 }, - - 'Notes': 'Janet has a BS degree in chemistry from Boston College (1984). \ - She has also completed a certificate program in food retailing management.\ - Janet was hired as a sales associate in 1991 and promoted to sales representative in February 1992.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/leverling.bmp' -}, -{ - 'EmployeeID': 4, - 'Name':{ - 'LastName': 'Peacock', - 'FirstName': 'Margaret'}, - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Mrs.', - 'BirthDate': new Date(-1018814400000), - 'HireDate': new Date(736401600000), - 'Address': '4110 Old Redmond Rd.', - 'City': 'Redmond', - 'Region': 'WA', - 'PostalCode': '98052', - 'Country': 'USA', - 'HomePhone': '(206) 555-8122', - 'Extension': '5176', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Margaret holds a BA in English literature from Concordia College (1958) and an MA from the American \ - Institute of Culinary Arts (1966). She was assigned to the London office temporarily from July through November 1992.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/peacock.bmp' -}, -{ - 'EmployeeID': 5, - 'Name':{ - 'LastName': 'Buchanan', - 'FirstName': 'Steven'}, - 'Title': 'Sales Manager', - 'TitleOfCourtesy': 'Mr.', - 'BirthDate': new Date(-468010800000), - 'HireDate': new Date(750830400000), - 'Address': '14 Garrett Hill', - 'City': 'London', - 'Region': null, - 'PostalCode': 'SW1 8JR', - 'Country': 'UK', - 'HomePhone': '(71) 555-4848', - 'Extension': '3453', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Steven Buchanan graduated from St. Andrews University, Scotland, with a BSC degree in 1976. Upon joining the company as \ - a sales representative in 1992, he spent 6 months in an orientation program at the Seattle office and then returned to his permanent \ - post in London. He was promoted to sales manager in March 1993. Mr. Buchanan has completed the courses \'Successful \ - Telemarketing\' and \'International Sales Management.\' He is fluent in French.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/buchanan.bmp' -}, -{ - 'EmployeeID': 6, - 'Name':{ - 'LastName': 'Suyama', - 'FirstName': 'Michael'}, - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Mr.', - 'BirthDate': new Date(-205185600000), - 'HireDate': new Date(750830400000), - 'Address': 'Coventry House\r\nMiner Rd.', - 'City': 'London', - 'Region': null, - 'PostalCode': 'EC2 7JR', - 'Country': 'UK', - 'HomePhone': '(71) 555-7773', - 'Extension': '428', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Michael is a graduate of Sussex University (MA, economics, 1983) and the University of California at Los Angeles \ - (MBA, marketing, 1986). He has also taken the courses \'Multi-Cultural Selling\' and \'Time Management for the Sales Professional.\' \ - He is fluent in Japanese and can read and write French, Portuguese, and Spanish.', - 'ReportsTo': 5, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 7, - 'Name':{ - 'LastName': 'King', - 'FirstName': 'Robert'}, - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Mr.', - 'BirthDate': new Date(-302731200000), - 'HireDate': new Date(757486800000), - 'Address': 'Edgeham Hollow\r\nWinchester Way', - 'City': 'London', - 'Region': null, - 'PostalCode': 'RG1 9SP', - 'Country': 'UK', - 'HomePhone': '(71) 555-5598', - 'Extension': '465', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Robert King served in the Peace Corps and traveled extensively before completing his degree in English at the \ - University of Michigan in 1992, the year he joined the company. After completing a course entitled \'Selling in Europe,\' \ - he was transferred to the London office in March 1993.', - 'ReportsTo': 5, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 8, - 'Name': { - 'LastName': 'Callahan', - 'FirstName': 'Laura'}, - 'Title': 'Inside Sales Coordinator', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-377982000000), - 'HireDate': new Date(762843600000), - 'Address': '4726 - 11th Ave. N.E.', - 'City': 'Seattle', - 'Region': 'WA', - 'PostalCode': '98105', - 'Country': 'USA', - 'HomePhone': '(206) 555-1189', - 'Extension': '2344', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Laura received a BA in psychology from the University of Washington. She has also completed a course in business \ - French. She reads and writes French.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 9, - 'Name': { - 'LastName': 'Dodsworth', - 'FirstName': 'Anne'}, - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-123966000000), - 'HireDate': new Date(784875600000), - 'Address': '7 Houndstooth Rd.', - 'City': 'London', - 'Region': null, - 'PostalCode': 'WG2 7LT', - 'Country': 'UK', - 'HomePhone': '(71) 555-4444', - 'Extension': '452', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Anne has a BA degree in English from St. Lawrence College. She is fluent in French and German.', - 'ReportsTo': 5, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}]; - -export let stringData: Object[] = [{ - 'EmployeeID': 1, - 'Name': [{ - 'LastName': 'Davolio'}, - {'LastName': 'Nancy'}], - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-664743600000), - 'HireDate': new Date(704692800000), - 'Address': '507 - 20th Ave. E.\r\nApt. 2A', - 'City': 'Seattle', - 'Region': 'WA', - 'PostalCode': '98122', - 'Country': 'USA', - 'HomePhone': '(206) 555-9857', - 'Extension': '5467', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Education includes a BA in psychology from Colorado State University in 1970. She also completed\ - \'The Art of the Cold Call.\' Nancy is a member of Toastmasters International.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 2, - 'Name':[{ - 'LastName': 'Fuller'}, - {'LastName': 'Andrew'}], - 'Title': 'Vice President, Sales', - 'TitleOfCourtesy': 'Dr.', - 'BirthDate': new Date(-563828400000), - 'HireDate': new Date(713764800000), - 'Address': '908 W. Capital Way', - 'City': 'Tacoma', - 'Region': 'WA', - 'PostalCode': '98401', - 'Country': 'USA', - 'HomePhone': '(206) 555-9482', - 'Extension': '3457', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Andrew received his BTS commercial in 1974 and a Ph.D. in international marketing from the University of \ - Dallas in 1981. He is fluent in French and Italian and reads German. He joined the company as a sales representative, \ - was promoted to sales manager in January 1992 and to vice president of sales in March 1993. Andrew is a member of the \ - Sales Management Roundtable, the Seattle Chamber of Commerce, and the Pacific Rim Importers Association.', - 'ReportsTo': 0, - 'PhotoPath': 'http://accweb/emmployees/fuller.bmp' -}, -{ - 'EmployeeID': 3, - 'Name':[{ - 'LastName': 'Leverling'}, - {'LastName': 'Janet'}], - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-200088000000), - 'HireDate': new Date(702104400000), - 'Address': '722 Moss Bay Blvd.', - 'City': 'Kirkland', - 'Region': 'WA', - 'PostalCode': '98033', - 'Country': 'USA', - 'HomePhone': '(206) 555-3412', - 'Extension': '3355', - 'Photo': { 'Length': 21722 }, - - 'Notes': 'Janet has a BS degree in chemistry from Boston College (1984). \ - She has also completed a certificate program in food retailing management.\ - Janet was hired as a sales associate in 1991 and promoted to sales representative in February 1992.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/leverling.bmp' -}, -{ - 'EmployeeID': 4, - 'Name':[{ - 'LastName': 'Peacock'}, - {'LastName': 'Margaret'}], - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Mrs.', - 'BirthDate': new Date(-1018814400000), - 'HireDate': new Date(736401600000), - 'Address': '4110 Old Redmond Rd.', - 'City': 'Redmond', - 'Region': 'WA', - 'PostalCode': '98052', - 'Country': 'USA', - 'HomePhone': '(206) 555-8122', - 'Extension': '5176', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Margaret holds a BA in English literature from Concordia College (1958) and an MA from the American \ - Institute of Culinary Arts (1966). She was assigned to the London office temporarily from July through November 1992.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/peacock.bmp' -}, -{ - 'EmployeeID': 5, - 'Name':[{ - 'LastName': 'Buchanan'}, - {'LastName': 'Steven'}], - 'Title': 'Sales Manager', - 'TitleOfCourtesy': 'Mr.', - 'BirthDate': new Date(-468010800000), - 'HireDate': new Date(750830400000), - 'Address': '14 Garrett Hill', - 'City': 'London', - 'Region': null, - 'PostalCode': 'SW1 8JR', - 'Country': 'UK', - 'HomePhone': '(71) 555-4848', - 'Extension': '3453', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Steven Buchanan graduated from St. Andrews University, Scotland, with a BSC degree in 1976. Upon joining the company as \ - a sales representative in 1992, he spent 6 months in an orientation program at the Seattle office and then returned to his permanent \ - post in London. He was promoted to sales manager in March 1993. Mr. Buchanan has completed the courses \'Successful \ - Telemarketing\' and \'International Sales Management.\' He is fluent in French.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/buchanan.bmp' -}, -{ - 'EmployeeID': 6, - 'Name':[{ - 'LastName': 'Suyama'}, - {'LastName': 'Michael'}], - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Mr.', - 'BirthDate': new Date(-205185600000), - 'HireDate': new Date(750830400000), - 'Address': 'Coventry House\r\nMiner Rd.', - 'City': 'London', - 'Region': null, - 'PostalCode': 'EC2 7JR', - 'Country': 'UK', - 'HomePhone': '(71) 555-7773', - 'Extension': '428', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Michael is a graduate of Sussex University (MA, economics, 1983) and the University of California at Los Angeles \ - (MBA, marketing, 1986). He has also taken the courses \'Multi-Cultural Selling\' and \'Time Management for the Sales Professional.\' \ - He is fluent in Japanese and can read and write French, Portuguese, and Spanish.', - 'ReportsTo': 5, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 7, - 'Name':[{ - 'LastName': 'King'}, - {'LastName': 'Robert'}], - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Mr.', - 'BirthDate': new Date(-302731200000), - 'HireDate': new Date(757486800000), - 'Address': 'Edgeham Hollow\r\nWinchester Way', - 'City': 'London', - 'Region': null, - 'PostalCode': 'RG1 9SP', - 'Country': 'UK', - 'HomePhone': '(71) 555-5598', - 'Extension': '465', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Robert King served in the Peace Corps and traveled extensively before completing his degree in English at the \ - University of Michigan in 1992, the year he joined the company. After completing a course entitled \'Selling in Europe,\' \ - he was transferred to the London office in March 1993.', - 'ReportsTo': 5, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 8, - 'Name':[{ - 'LastName': 'Callahan'}, - {'LastName': 'Laura'}], - 'Title': 'Inside Sales Coordinator', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-377982000000), - 'HireDate': new Date(762843600000), - 'Address': '4726 - 11th Ave. N.E.', - 'City': 'Seattle', - 'Region': 'WA', - 'PostalCode': '98105', - 'Country': 'USA', - 'HomePhone': '(206) 555-1189', - 'Extension': '2344', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Laura received a BA in psychology from the University of Washington. She has also completed a course in business \ - French. She reads and writes French.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 9, - 'Name': [{ - 'LastName': 'Dodsworth'}, - {'LastName': 'Anne'}], - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-123966000000), - 'HireDate': new Date(784875600000), - 'Address': '7 Houndstooth Rd.', - 'City': 'London', - 'Region': null, - 'PostalCode': 'WG2 7LT', - 'Country': 'UK', - 'HomePhone': '(71) 555-4444', - 'Extension': '452', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Anne has a BA degree in English from St. Lawrence College. She is fluent in French and German.', - 'ReportsTo': 5, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}]; -export let foodInformation: Object[] = [ - {FoodId:1,Time:"8:40 AM",FoodName:"CHEESE BURGER",Calorie:100,Protein:15,Fat:15,Carbohydrate:28}, - {FoodId:2,Time:"10:30 AM",FoodName:"PIZZA",Calorie:100,Protein:15,Fat:9,Carbohydrate:39}, - {FoodId:3,Time:"12:45 PM",FoodName:"CHICKEN NOODLE",Calorie:50,Protein:4,Fat:2,Carbohydrate:9}, - {FoodId:4,Time:"5:30 PM",FoodName:"YOGURT",Calorie:75,Protein:10,Fat:2,Carbohydrate:43}, - {FoodId:5,Time:"9:00 PM",FoodName:"BEEF SANDWICH",Calorie:125,Protein:22,Fat:13,Carbohydrate:34}, - {FoodId:6,Time:"11:00 PM",FoodName:"CHICKEN BURGER",Calorie:100,Protein:15,Fat:10,Carbohydrate:25}, - {FoodId:7,Time:"6:30 PM",FoodName:"VEG BURGER",Calorie:70,Protein:14,Fat:5,Carbohydrate:53}, - {FoodId:8,Time:"8:00 PM",FoodName:"VEG SANDWICH",Calorie:75,Protein:20,Fat:15,Carbohydrate:24}, - {FoodId:9,Time:"7:00 PM",FoodName:"EGG BURGER",Calorie:80,Protein:25,Fat:16,Carbohydrate:35}]; \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-cs1/es5datasource.js b/ej2-javascript/code-snippet/grid/columnchooser-cs1/es5datasource.js index 59ece949f..a6c3ad049 100644 --- a/ej2-javascript/code-snippet/grid/columnchooser-cs1/es5datasource.js +++ b/ej2-javascript/code-snippet/grid/columnchooser-cs1/es5datasource.js @@ -74,646 +74,3 @@ var data = [ ShipName: 'Rattlesnake Canyon Grocery', ShipCity: 'Albuquerque', ShipAddress: '2817 Milton Dr.', ShipRegion: 'NM', ShipPostalCode: '87110', ShipCountry: 'USA', Freight: 48.29, Verified: !0 }]; - -var employeeData = [{ - 'EmployeeID': 1, - 'LastName': 'Davolio', - 'FirstName': 'Nancy', - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-664743600000), - 'HireDate': new Date(704692800000), - 'Address': '507 - 20th Ave. E.\r\nApt. 2A', - 'City': 'Seattle', - 'Region': 'WA', - 'PostalCode': '98122', - 'Country': 'USA', - 'HomePhone': '(206) 555-9857', - 'Extension': '5467', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Education includes a BA in psychology from Colorado State University in 1970. She also completed\ - \'The Art of the Cold Call.\' Nancy is a member of Toastmasters International.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 2, - 'LastName': 'Fuller', - 'FirstName': 'Andrew', - 'Title': 'Vice President, Sales', - 'TitleOfCourtesy': 'Dr.', - 'BirthDate': new Date(-563828400000), - 'HireDate': new Date(713764800000), - 'Address': '908 W. Capital Way', - 'City': 'Tacoma', - 'Region': 'WA', - 'PostalCode': '98401', - 'Country': 'USA', - 'HomePhone': '(206) 555-9482', - 'Extension': '3457', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Andrew received his BTS commercial in 1974 and a Ph.D. in international marketing from the University of \ - Dallas in 1981. He is fluent in French and Italian and reads German. He joined the company as a sales representative, \ - was promoted to sales manager in January 1992 and to vice president of sales in March 1993. Andrew is a member of the \ - Sales Management Roundtable, the Seattle Chamber of Commerce, and the Pacific Rim Importers Association.', - 'ReportsTo': 0, - 'PhotoPath': 'http://accweb/emmployees/fuller.bmp' -}, -{ - 'EmployeeID': 3, - 'LastName': 'Leverling', - 'FirstName': 'Janet', - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-200088000000), - 'HireDate': new Date(702104400000), - 'Address': '722 Moss Bay Blvd.', - 'City': 'Kirkland', - 'Region': 'WA', - 'PostalCode': '98033', - 'Country': 'USA', - 'HomePhone': '(206) 555-3412', - 'Extension': '3355', - 'Photo': { 'Length': 21722 }, - - 'Notes': 'Janet has a BS degree in chemistry from Boston College (1984). \ - She has also completed a certificate program in food retailing management.\ - Janet was hired as a sales associate in 1991 and promoted to sales representative in February 1992.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/leverling.bmp' -}, -{ - 'EmployeeID': 4, - 'LastName': 'Peacock', - 'FirstName': 'Margaret', - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Mrs.', - 'BirthDate': new Date(-1018814400000), - 'HireDate': new Date(736401600000), - 'Address': '4110 Old Redmond Rd.', - 'City': 'Redmond', - 'Region': 'WA', - 'PostalCode': '98052', - 'Country': 'USA', - 'HomePhone': '(206) 555-8122', - 'Extension': '5176', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Margaret holds a BA in English literature from Concordia College (1958) and an MA from the American \ - Institute of Culinary Arts (1966). She was assigned to the London office temporarily from July through November 1992.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/peacock.bmp' -}, -{ - 'EmployeeID': 5, - 'LastName': 'Buchanan', - 'FirstName': 'Steven', - 'Title': 'Sales Manager', - 'TitleOfCourtesy': 'Mr.', - 'BirthDate': new Date(-468010800000), - 'HireDate': new Date(750830400000), - 'Address': '14 Garrett Hill', - 'City': 'London', - 'Region': null, - 'PostalCode': - 'SW1 8JR', - 'Country': 'UK', - 'HomePhone': '(71) 555-4848', - 'Extension': '3453', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Steven Buchanan graduated from St. Andrews University, Scotland, with a BSC degree in 1976. Upon joining the company as \ - a sales representative in 1992, he spent 6 months in an orientation program at the Seattle office and then returned to his permanent \ - post in London. He was promoted to sales manager in March 1993. Mr. Buchanan has completed the courses \'Successful \ - Telemarketing\' and \'International Sales Management.\' He is fluent in French.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/buchanan.bmp' -}, -{ - 'EmployeeID': 6, - 'LastName': 'Suyama', - 'FirstName': 'Michael', - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Mr.', - 'BirthDate': new Date(-205185600000), - 'HireDate': new Date(750830400000), - 'Address': 'Coventry House\r\nMiner Rd.', - 'City': 'London', - 'Region': null, - 'PostalCode': 'EC2 7JR', - 'Country': 'UK', - 'HomePhone': '(71) 555-7773', - 'Extension': '428', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Michael is a graduate of Sussex University (MA, economics, 1983) and the University of California at Los Angeles \ - (MBA, marketing, 1986). He has also taken the courses \'Multi-Cultural Selling\' and \'Time Management for the Sales Professional.\' \ - He is fluent in Japanese and can read and write French, Portuguese, and Spanish.', - 'ReportsTo': 5, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 7, - 'LastName': 'King', - 'FirstName': 'Robert', - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Mr.', - 'BirthDate': new Date(-302731200000), - 'HireDate': new Date(757486800000), - 'Address': 'Edgeham Hollow\r\nWinchester Way', - 'City': 'London', - 'Region': null, - 'PostalCode': 'RG1 9SP', - 'Country': 'UK', - 'HomePhone': '(71) 555-5598', - 'Extension': '465', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Robert King served in the Peace Corps and traveled extensively before completing his degree in English at the \ - University of Michigan in 1992, the year he joined the company. After completing a course entitled \'Selling in Europe,\' \ - he was transferred to the London office in March 1993.', - 'ReportsTo': 5, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 8, - 'LastName': 'Callahan', - 'FirstName': 'Laura', - 'Title': 'Inside Sales Coordinator', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-377982000000), - 'HireDate': new Date(762843600000), - 'Address': '4726 - 11th Ave. N.E.', - 'City': 'Seattle', - 'Region': 'WA', - 'PostalCode': '98105', - 'Country': 'USA', - 'HomePhone': '(206) 555-1189', - 'Extension': '2344', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Laura received a BA in psychology from the University of Washington. She has also completed a course in business \ - French. She reads and writes French.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 9, - 'LastName': 'Dodsworth', - 'FirstName': 'Anne', - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-123966000000), - 'HireDate': new Date(784875600000), - 'Address': '7 Houndstooth Rd.', - 'City': 'London', - 'Region': null, - 'PostalCode': 'WG2 7LT', - 'Country': 'UK', - 'HomePhone': '(71) 555-4444', - 'Extension': '452', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Anne has a BA degree in English from St. Lawrence College. She is fluent in French and German.', - 'ReportsTo': 5, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}]; -var complexData = [{ - 'EmployeeID': 1, - 'Name': { - 'LastName': 'Davolio', - 'FirstName': 'Nancy'}, - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-664743600000), - 'HireDate': new Date(704692800000), - 'Address': '507 - 20th Ave. E.\r\nApt. 2A', - 'City': 'Seattle', - 'Region': 'WA', - 'PostalCode': '98122', - 'Country': 'USA', - 'HomePhone': '(206) 555-9857', - 'Extension': '5467', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Education includes a BA in psychology from Colorado State University in 1970. She also completed\ - \'The Art of the Cold Call.\' Nancy is a member of Toastmasters International.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 2, - 'Name':{ - 'LastName': 'Fuller', - 'FirstName': 'Andrew'}, - 'Title': 'Vice President, Sales', - 'TitleOfCourtesy': 'Dr.', - 'BirthDate': new Date(-563828400000), - 'HireDate': new Date(713764800000), - 'Address': '908 W. Capital Way', - 'City': 'Tacoma', - 'Region': 'WA', - 'PostalCode': '98401', - 'Country': 'USA', - 'HomePhone': '(206) 555-9482', - 'Extension': '3457', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Andrew received his BTS commercial in 1974 and a Ph.D. in international marketing from the University of \ - Dallas in 1981. He is fluent in French and Italian and reads German. He joined the company as a sales representative, \ - was promoted to sales manager in January 1992 and to vice president of sales in March 1993. Andrew is a member of the \ - Sales Management Roundtable, the Seattle Chamber of Commerce, and the Pacific Rim Importers Association.', - 'ReportsTo': 0, - 'PhotoPath': 'http://accweb/emmployees/fuller.bmp' -}, -{ - 'EmployeeID': 3, - 'Name':{ - 'LastName': 'Leverling', - 'FirstName': 'Janet'}, - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-200088000000), - 'HireDate': new Date(702104400000), - 'Address': '722 Moss Bay Blvd.', - 'City': 'Kirkland', - 'Region': 'WA', - 'PostalCode': '98033', - 'Country': 'USA', - 'HomePhone': '(206) 555-3412', - 'Extension': '3355', - 'Photo': { 'Length': 21722 }, - - 'Notes': 'Janet has a BS degree in chemistry from Boston College (1984). \ - She has also completed a certificate program in food retailing management.\ - Janet was hired as a sales associate in 1991 and promoted to sales representative in February 1992.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/leverling.bmp' -}, -{ - 'EmployeeID': 4, - 'Name':{ - 'LastName': 'Peacock', - 'FirstName': 'Margaret'}, - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Mrs.', - 'BirthDate': new Date(-1018814400000), - 'HireDate': new Date(736401600000), - 'Address': '4110 Old Redmond Rd.', - 'City': 'Redmond', - 'Region': 'WA', - 'PostalCode': '98052', - 'Country': 'USA', - 'HomePhone': '(206) 555-8122', - 'Extension': '5176', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Margaret holds a BA in English literature from Concordia College (1958) and an MA from the American \ - Institute of Culinary Arts (1966). She was assigned to the London office temporarily from July through November 1992.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/peacock.bmp' -}, -{ - 'EmployeeID': 5, - 'Name':{ - 'LastName': 'Buchanan', - 'FirstName': 'Steven'}, - 'Title': 'Sales Manager', - 'TitleOfCourtesy': 'Mr.', - 'BirthDate': new Date(-468010800000), - 'HireDate': new Date(750830400000), - 'Address': '14 Garrett Hill', - 'City': 'London', - 'Region': null, - 'PostalCode': 'SW1 8JR', - 'Country': 'UK', - 'HomePhone': '(71) 555-4848', - 'Extension': '3453', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Steven Buchanan graduated from St. Andrews University, Scotland, with a BSC degree in 1976. Upon joining the company as \ - a sales representative in 1992, he spent 6 months in an orientation program at the Seattle office and then returned to his permanent \ - post in London. He was promoted to sales manager in March 1993. Mr. Buchanan has completed the courses \'Successful \ - Telemarketing\' and \'International Sales Management.\' He is fluent in French.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/buchanan.bmp' -}, -{ - 'EmployeeID': 6, - 'Name':{ - 'LastName': 'Suyama', - 'FirstName': 'Michael'}, - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Mr.', - 'BirthDate': new Date(-205185600000), - 'HireDate': new Date(750830400000), - 'Address': 'Coventry House\r\nMiner Rd.', - 'City': 'London', - 'Region': null, - 'PostalCode': 'EC2 7JR', - 'Country': 'UK', - 'HomePhone': '(71) 555-7773', - 'Extension': '428', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Michael is a graduate of Sussex University (MA, economics, 1983) and the University of California at Los Angeles \ - (MBA, marketing, 1986). He has also taken the courses \'Multi-Cultural Selling\' and \'Time Management for the Sales Professional.\' \ - He is fluent in Japanese and can read and write French, Portuguese, and Spanish.', - 'ReportsTo': 5, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 7, - 'Name':{ - 'LastName': 'King', - 'FirstName': 'Robert'}, - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Mr.', - 'BirthDate': new Date(-302731200000), - 'HireDate': new Date(757486800000), - 'Address': 'Edgeham Hollow\r\nWinchester Way', - 'City': 'London', - 'Region': null, - 'PostalCode': 'RG1 9SP', - 'Country': 'UK', - 'HomePhone': '(71) 555-5598', - 'Extension': '465', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Robert King served in the Peace Corps and traveled extensively before completing his degree in English at the \ - University of Michigan in 1992, the year he joined the company. After completing a course entitled \'Selling in Europe,\' \ - he was transferred to the London office in March 1993.', - 'ReportsTo': 5, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 8, - 'Name': { - 'LastName': 'Callahan', - 'FirstName': 'Laura'}, - 'Title': 'Inside Sales Coordinator', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-377982000000), - 'HireDate': new Date(762843600000), - 'Address': '4726 - 11th Ave. N.E.', - 'City': 'Seattle', - 'Region': 'WA', - 'PostalCode': '98105', - 'Country': 'USA', - 'HomePhone': '(206) 555-1189', - 'Extension': '2344', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Laura received a BA in psychology from the University of Washington. She has also completed a course in business \ - French. She reads and writes French.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 9, - 'Name': { - 'LastName': 'Dodsworth', - 'FirstName': 'Anne'}, - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-123966000000), - 'HireDate': new Date(784875600000), - 'Address': '7 Houndstooth Rd.', - 'City': 'London', - 'Region': null, - 'PostalCode': 'WG2 7LT', - 'Country': 'UK', - 'HomePhone': '(71) 555-4444', - 'Extension': '452', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Anne has a BA degree in English from St. Lawrence College. She is fluent in French and German.', - 'ReportsTo': 5, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}]; - -var stringData = [{ - 'EmployeeID': 1, - 'Name': [{ - 'LastName': 'Davolio'}, - {'LastName': 'Nancy'}], - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-664743600000), - 'HireDate': new Date(704692800000), - 'Address': '507 - 20th Ave. E.\r\nApt. 2A', - 'City': 'Seattle', - 'Region': 'WA', - 'PostalCode': '98122', - 'Country': 'USA', - 'HomePhone': '(206) 555-9857', - 'Extension': '5467', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Education includes a BA in psychology from Colorado State University in 1970. She also completed\ - \'The Art of the Cold Call.\' Nancy is a member of Toastmasters International.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 2, - 'Name':[{ - 'LastName': 'Fuller'}, - {'LastName': 'Andrew'}], - 'Title': 'Vice President, Sales', - 'TitleOfCourtesy': 'Dr.', - 'BirthDate': new Date(-563828400000), - 'HireDate': new Date(713764800000), - 'Address': '908 W. Capital Way', - 'City': 'Tacoma', - 'Region': 'WA', - 'PostalCode': '98401', - 'Country': 'USA', - 'HomePhone': '(206) 555-9482', - 'Extension': '3457', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Andrew received his BTS commercial in 1974 and a Ph.D. in international marketing from the University of \ - Dallas in 1981. He is fluent in French and Italian and reads German. He joined the company as a sales representative, \ - was promoted to sales manager in January 1992 and to vice president of sales in March 1993. Andrew is a member of the \ - Sales Management Roundtable, the Seattle Chamber of Commerce, and the Pacific Rim Importers Association.', - 'ReportsTo': 0, - 'PhotoPath': 'http://accweb/emmployees/fuller.bmp' -}, -{ - 'EmployeeID': 3, - 'Name':[{ - 'LastName': 'Leverling'}, - {'LastName': 'Janet'}], - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-200088000000), - 'HireDate': new Date(702104400000), - 'Address': '722 Moss Bay Blvd.', - 'City': 'Kirkland', - 'Region': 'WA', - 'PostalCode': '98033', - 'Country': 'USA', - 'HomePhone': '(206) 555-3412', - 'Extension': '3355', - 'Photo': { 'Length': 21722 }, - - 'Notes': 'Janet has a BS degree in chemistry from Boston College (1984). \ - She has also completed a certificate program in food retailing management.\ - Janet was hired as a sales associate in 1991 and promoted to sales representative in February 1992.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/leverling.bmp' -}, -{ - 'EmployeeID': 4, - 'Name':[{ - 'LastName': 'Peacock'}, - {'LastName': 'Margaret'}], - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Mrs.', - 'BirthDate': new Date(-1018814400000), - 'HireDate': new Date(736401600000), - 'Address': '4110 Old Redmond Rd.', - 'City': 'Redmond', - 'Region': 'WA', - 'PostalCode': '98052', - 'Country': 'USA', - 'HomePhone': '(206) 555-8122', - 'Extension': '5176', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Margaret holds a BA in English literature from Concordia College (1958) and an MA from the American \ - Institute of Culinary Arts (1966). She was assigned to the London office temporarily from July through November 1992.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/peacock.bmp' -}, -{ - 'EmployeeID': 5, - 'Name':[{ - 'LastName': 'Buchanan'}, - {'LastName': 'Steven'}], - 'Title': 'Sales Manager', - 'TitleOfCourtesy': 'Mr.', - 'BirthDate': new Date(-468010800000), - 'HireDate': new Date(750830400000), - 'Address': '14 Garrett Hill', - 'City': 'London', - 'Region': null, - 'PostalCode': 'SW1 8JR', - 'Country': 'UK', - 'HomePhone': '(71) 555-4848', - 'Extension': '3453', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Steven Buchanan graduated from St. Andrews University, Scotland, with a BSC degree in 1976. Upon joining the company as \ - a sales representative in 1992, he spent 6 months in an orientation program at the Seattle office and then returned to his permanent \ - post in London. He was promoted to sales manager in March 1993. Mr. Buchanan has completed the courses \'Successful \ - Telemarketing\' and \'International Sales Management.\' He is fluent in French.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/buchanan.bmp' -}, -{ - 'EmployeeID': 6, - 'Name':[{ - 'LastName': 'Suyama'}, - {'LastName': 'Michael'}], - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Mr.', - 'BirthDate': new Date(-205185600000), - 'HireDate': new Date(750830400000), - 'Address': 'Coventry House\r\nMiner Rd.', - 'City': 'London', - 'Region': null, - 'PostalCode': 'EC2 7JR', - 'Country': 'UK', - 'HomePhone': '(71) 555-7773', - 'Extension': '428', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Michael is a graduate of Sussex University (MA, economics, 1983) and the University of California at Los Angeles \ - (MBA, marketing, 1986). He has also taken the courses \'Multi-Cultural Selling\' and \'Time Management for the Sales Professional.\' \ - He is fluent in Japanese and can read and write French, Portuguese, and Spanish.', - 'ReportsTo': 5, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 7, - 'Name':[{ - 'LastName': 'King'}, - {'LastName': 'Robert'}], - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Mr.', - 'BirthDate': new Date(-302731200000), - 'HireDate': new Date(757486800000), - 'Address': 'Edgeham Hollow\r\nWinchester Way', - 'City': 'London', - 'Region': null, - 'PostalCode': 'RG1 9SP', - 'Country': 'UK', - 'HomePhone': '(71) 555-5598', - 'Extension': '465', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Robert King served in the Peace Corps and traveled extensively before completing his degree in English at the \ - University of Michigan in 1992, the year he joined the company. After completing a course entitled \'Selling in Europe,\' \ - he was transferred to the London office in March 1993.', - 'ReportsTo': 5, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 8, - 'Name':[{ - 'LastName': 'Callahan'}, - {'LastName': 'Laura'}], - 'Title': 'Inside Sales Coordinator', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-377982000000), - 'HireDate': new Date(762843600000), - 'Address': '4726 - 11th Ave. N.E.', - 'City': 'Seattle', - 'Region': 'WA', - 'PostalCode': '98105', - 'Country': 'USA', - 'HomePhone': '(206) 555-1189', - 'Extension': '2344', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Laura received a BA in psychology from the University of Washington. She has also completed a course in business \ - French. She reads and writes French.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 9, - 'Name': [{ - 'LastName': 'Dodsworth'}, - {'LastName': 'Anne'}], - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-123966000000), - 'HireDate': new Date(784875600000), - 'Address': '7 Houndstooth Rd.', - 'City': 'London', - 'Region': null, - 'PostalCode': 'WG2 7LT', - 'Country': 'UK', - 'HomePhone': '(71) 555-4444', - 'Extension': '452', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Anne has a BA degree in English from St. Lawrence College. She is fluent in French and German.', - 'ReportsTo': 5, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}]; -var foodInformation= [ - {FoodId:1,Time:"8:40 AM",FoodName:"CHEESE BURGER",Calorie:100,Protein:15,Fat:15,Carbohydrate:28}, - {FoodId:2,Time:"10:30 AM",FoodName:"PIZZA",Calorie:100,Protein:15,Fat:9,Carbohydrate:39}, - {FoodId:3,Time:"12:45 PM",FoodName:"CHICKEN NOODLE",Calorie:50,Protein:4,Fat:2,Carbohydrate:9}, - {FoodId:4,Time:"5:30 PM",FoodName:"YOGURT",Calorie:75,Protein:10,Fat:2,Carbohydrate:43}, - {FoodId:5,Time:"9:00 PM",FoodName:"BEEF SANDWICH",Calorie:125,Protein:22,Fat:13,Carbohydrate:34}, - {FoodId:6,Time:"11:00 PM",FoodName:"CHICKEN BURGER",Calorie:100,Protein:15,Fat:10,Carbohydrate:25}, - {FoodId:7,Time:"6:30 PM",FoodName:"VEG BURGER",Calorie:70,Protein:14,Fat:5,Carbohydrate:53}, - {FoodId:8,Time:"8:00 PM",FoodName:"VEG SANDWICH",Calorie:75,Protein:20,Fat:15,Carbohydrate:24}, - {FoodId:9,Time:"7:00 PM",FoodName:"EGG BURGER",Calorie:80,Protein:25,Fat:16,Carbohydrate:35}]; \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-cs1/index.css b/ej2-javascript/code-snippet/grid/columnchooser-cs1/index.css index 4bf3f958f..0fba63172 100644 --- a/ej2-javascript/code-snippet/grid/columnchooser-cs1/index.css +++ b/ej2-javascript/code-snippet/grid/columnchooser-cs1/index.css @@ -11,5 +11,4 @@ position: absolute; top: 45%; width: 30%; -} - +} \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-cs1/index.js b/ej2-javascript/code-snippet/grid/columnchooser-cs1/index.js index 4873ec69e..c29eddd81 100644 --- a/ej2-javascript/code-snippet/grid/columnchooser-cs1/index.js +++ b/ej2-javascript/code-snippet/grid/columnchooser-cs1/index.js @@ -1,49 +1,15 @@ ej.grids.Grid.Inject(ej.grids.Toolbar, ej.grids.ColumnChooser); - -var data =[ - { - OrderID: 10248, CustomerID: 'VINET', EmployeeID: 5, OrderDate: new Date(8364186e5), - ShipName: 'Vins et alcools Chevalier', ShipCity: 'Reims', ShipAddress: '59 rue de l Abbaye', - ShipRegion: 'CJ', ShipPostalCode: '51100', ShipCountry: 'France', Freight: 32.38, Verified: !0 - }, - { - OrderID: 10249, CustomerID: 'TOMSP', EmployeeID: 6, OrderDate: new Date(836505e6), - ShipName: 'Toms Spezialitäten', ShipCity: 'Münster', ShipAddress: 'Luisenstr. 48', - ShipRegion: 'CJ', ShipPostalCode: '44087', ShipCountry: 'Germany', Freight: 11.61, Verified: !1 - }, - { - OrderID: 10250, CustomerID: 'HANAR', EmployeeID: 4, OrderDate: new Date(8367642e5), - ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67', - ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 65.83, Verified: !0 - }, - { - OrderID: 10251, CustomerID: 'VICTE', EmployeeID: 3, OrderDate: new Date(8367642e5), - ShipName: 'Victuailles en stock', ShipCity: 'Lyon', ShipAddress: '2, rue du Commerce', - ShipRegion: 'CJ', ShipPostalCode: '69004', ShipCountry: 'France', Freight: 41.34, Verified: !0 - }, - { - OrderID: 10252, CustomerID: 'SUPRD', EmployeeID: 4, OrderDate: new Date(8368506e5), - ShipName: 'Suprêmes délices', ShipCity: 'Charleroi', ShipAddress: 'Boulevard Tirou, 255', - ShipRegion: 'CJ', ShipPostalCode: 'B-6000', ShipCountry: 'Belgium', Freight: 51.3, Verified: !0 - }]; - - var grid = new ej.grids.Grid({ dataSource: data, showColumnChooser: true, toolbar: ['ColumnChooser'], columns: [ - { field: 'OrderID', headerText: 'Order ID', width: 120, textAlign: 'Right' }, - { field: 'CustomerID', headerText: 'Customer ID', width: 150, showInColumnChooser: false }, + { field: 'OrderID', headerText: 'Order ID', width: 120, textAlign: 'Right'}, { field: 'OrderDate', headerText: 'Order Date', width: 130, format: 'yMd', textAlign: 'Right' }, - { field: 'Freight', width: 120, format: 'C2', textAlign: 'Right' }, - { field: 'ShippedDate', headerText: 'Shipped Date', width: 130, format: 'yMd', textAlign: 'Right' }, + { field: 'Freight', headerText: 'Freight', width: 120, format: 'C2', textAlign: 'Right' }, { field: 'ShipCountry', headerText: 'Ship Country', width: 150 }, { field: 'ShipCity', headerText: 'Ship City', visible: false, width: 150 } ], height: 235 }); - -grid.appendTo('#Grid'); - - +grid.appendTo('#Grid'); \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-cs1/index.ts b/ej2-javascript/code-snippet/grid/columnchooser-cs1/index.ts index 614422f55..137d3c717 100644 --- a/ej2-javascript/code-snippet/grid/columnchooser-cs1/index.ts +++ b/ej2-javascript/code-snippet/grid/columnchooser-cs1/index.ts @@ -1,26 +1,19 @@ - - -import { Grid, Selection, Toolbar, ColumnChooser } from '@syncfusion/ej2-grids'; +import { Grid, Toolbar, ColumnChooser } from '@syncfusion/ej2-grids'; import { data } from './datasource.ts'; -Grid.Inject(Selection, Toolbar, ColumnChooser); +Grid.Inject(Toolbar, ColumnChooser); let grid: Grid = new Grid({ dataSource: data, showColumnChooser: true, toolbar: ['ColumnChooser'], columns: [ - { field: 'OrderID', headerText: 'Order ID', width: 120, textAlign: 'Right' }, - { field: 'CustomerID', headerText: 'Customer ID', width: 150, showInColumnChooser: false }, + { field: 'OrderID', headerText: 'Order ID', width: 120, textAlign: 'Right'}, { field: 'OrderDate', headerText: 'Order Date', width: 130, format: 'yMd', textAlign: 'Right' }, - { field: 'Freight', width: 120, format: 'C2', textAlign: 'Right' }, + { field: 'Freight', headerText: 'Freight', width: 120, format: 'C2', textAlign: 'Right' }, { field: 'ShipCountry', headerText: 'Ship Country', width: 150 }, { field: 'ShipCity', headerText: 'Ship City', visible: false, width: 150 } ], height: 235 }); - -grid.appendTo('#Grid'); - - - +grid.appendTo('#Grid'); \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-cs1/js/index.html b/ej2-javascript/code-snippet/grid/columnchooser-cs1/js/index.html index 701406435..a02311981 100644 --- a/ej2-javascript/code-snippet/grid/columnchooser-cs1/js/index.html +++ b/ej2-javascript/code-snippet/grid/columnchooser-cs1/js/index.html @@ -1,40 +1,33 @@ - + + EJ2 Grid - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + -
- + \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-cs1/systemjs.config.js b/ej2-javascript/code-snippet/grid/columnchooser-cs1/systemjs.config.js index 76b7a3327..52afeb2c8 100644 --- a/ej2-javascript/code-snippet/grid/columnchooser-cs1/systemjs.config.js +++ b/ej2-javascript/code-snippet/grid/columnchooser-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/23.2.4/" }, map: { main: "index.ts", @@ -32,13 +32,11 @@ System.config({ "@syncfusion/ej2-notifications":"syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js", "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js", "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js" - }, meta: { '*.json': { loader: 'plugin-json' } } }); - System.import('index.ts').catch(console.error.bind(console)).then(function () { document.getElementById('loader').style.display = "none"; document.getElementById('container').style.visibility = "visible"; diff --git a/ej2-javascript/code-snippet/grid/columnchooser-cs1/ts/index.html b/ej2-javascript/code-snippet/grid/columnchooser-cs1/ts/index.html index c0bb443f8..9f4162923 100644 --- a/ej2-javascript/code-snippet/grid/columnchooser-cs1/ts/index.html +++ b/ej2-javascript/code-snippet/grid/columnchooser-cs1/ts/index.html @@ -1,6 +1,5 @@ - EJ2 Grid @@ -8,21 +7,16 @@ - - - - - - - - - - - - - - - + + + + + + + + + + diff --git a/ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/datasource.ts b/ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/datasource.ts new file mode 100644 index 000000000..d4cbe79cd --- /dev/null +++ b/ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/datasource.ts @@ -0,0 +1,76 @@ +export let data: Object[] = [ + { + ÒrderID̂: 10248, CustomerID: 'VINET', EmployeeID: 5, OrderDate: new Date(8364186e5), + ShipName: 'Vins et alcools Chevalier', ShipCity: 'Reims', ShipAddress: '59 rue de l Abbaye', + ShipRegion: 'CJ', ShipPostalCode: '51100', ShipCountry: 'France', F̂reight: 32.38, Verified: !0 + }, + { + ÒrderID̂: 10249, CustomerID: 'TOMSP', EmployeeID: 6, OrderDate: new Date(836505e6), + ShipName: 'Toms Spezialitäten', ShipCity: 'Münster', ShipAddress: 'Luisenstr. 48', + ShipRegion: 'CJ', ShipPostalCode: '44087', ShipCountry: 'Germany', F̂reight: 11.61, Verified: !1 + }, + { + ÒrderID̂: 10250, CustomerID: 'HANAR', EmployeeID: 4, OrderDate: new Date(8367642e5), + ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67', + ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', F̂reight: 65.83, Verified: !0 + }, + { + ÒrderID̂: 10251, CustomerID: 'VICTE', EmployeeID: 3, OrderDate: new Date(8367642e5), + ShipName: 'Victuailles en stock', ShipCity: 'Lyon', ShipAddress: '2, rue du Commerce', + ShipRegion: 'CJ', ShipPostalCode: '69004', ShipCountry: 'France', F̂reight: 41.34, Verified: !0 + }, + { + ÒrderID̂: 10252, CustomerID: 'SUPRD', EmployeeID: 4, OrderDate: new Date(8368506e5), + ShipName: 'Suprêmes délices', ShipCity: 'Charleroi', ShipAddress: 'Boulevard Tirou, 255', + ShipRegion: 'CJ', ShipPostalCode: 'B-6000', ShipCountry: 'Belgium', F̂reight: 51.3, Verified: !0 + }, + { + ÒrderID̂: 10253, CustomerID: 'HANAR', EmployeeID: 3, OrderDate: new Date(836937e6), + ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67', + ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', F̂reight: 58.17, Verified: !0 + }, + { + ÒrderID̂: 10254, CustomerID: 'CHOPS', EmployeeID: 5, OrderDate: new Date(8370234e5), + ShipName: 'Chop-suey Chinese', ShipCity: 'Bern', ShipAddress: 'Hauptstr. 31', + ShipRegion: 'CJ', ShipPostalCode: '3012', ShipCountry: 'Switzerland', F̂reight: 22.98, Verified: !1 + }, + { + ÒrderID̂: 10255, CustomerID: 'RICSU', EmployeeID: 9, OrderDate: new Date(8371098e5), + ShipName: 'Richter Supermarkt', ShipCity: 'Genève', ShipAddress: 'Starenweg 5', + ShipRegion: 'CJ', ShipPostalCode: '1204', ShipCountry: 'Switzerland', F̂reight: 148.33, Verified: !0 + }, + { + ÒrderID̂: 10256, CustomerID: 'WELLI', EmployeeID: 3, OrderDate: new Date(837369e6), + ShipName: 'Wellington Importadora', ShipCity: 'Resende', ShipAddress: 'Rua do Mercado, 12', + ShipRegion: 'SP', ShipPostalCode: '08737-363', ShipCountry: 'Brazil', F̂reight: 13.97, Verified: !1 + }, + { + ÒrderID̂: 10257, CustomerID: 'HILAA', EmployeeID: 4, OrderDate: new Date(8374554e5), + ShipName: 'HILARION-Abastos', ShipCity: 'San Cristóbal', ShipAddress: 'Carrera 22 con Ave. Carlos Soublette #8-35', + ShipRegion: 'Táchira', ShipPostalCode: '5022', ShipCountry: 'Venezuela', F̂reight: 81.91, Verified: !0 + }, + { + ÒrderID̂: 10258, CustomerID: 'ERNSH', EmployeeID: 1, OrderDate: new Date(8375418e5), + ShipName: 'Ernst Handel', ShipCity: 'Graz', ShipAddress: 'Kirchgasse 6', + ShipRegion: 'CJ', ShipPostalCode: '8010', ShipCountry: 'Austria', F̂reight: 140.51, Verified: !0 + }, + { + ÒrderID̂: 10259, CustomerID: 'CENTC', EmployeeID: 4, OrderDate: new Date(8376282e5), + ShipName: 'Centro comercial Moctezuma', ShipCity: 'México D.F.', ShipAddress: 'Sierras de Granada 9993', + ShipRegion: 'CJ', ShipPostalCode: '05022', ShipCountry: 'Mexico', F̂reight: 3.25, Verified: !1 + }, + { + ÒrderID̂: 10260, CustomerID: 'OTTIK', EmployeeID: 4, OrderDate: new Date(8377146e5), + ShipName: 'Ottilies Käseladen', ShipCity: 'Köln', ShipAddress: 'Mehrheimerstr. 369', + ShipRegion: 'CJ', ShipPostalCode: '50739', ShipCountry: 'Germany', F̂reight: 55.09, Verified: !0 + }, + { + ÒrderID̂: 10261, CustomerID: 'QUEDE', EmployeeID: 4, OrderDate: new Date(8377146e5), + ShipName: 'Que Delícia', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua da Panificadora, 12', + ShipRegion: 'RJ', ShipPostalCode: '02389-673', ShipCountry: 'Brazil', F̂reight: 3.05, Verified: !1 + }, + { + ÒrderID̂: 10262, CustomerID: 'RATTC', EmployeeID: 8, OrderDate: new Date(8379738e5), + ShipName: 'Rattlesnake Canyon Grocery', ShipCity: 'Albuquerque', ShipAddress: '2817 Milton Dr.', + ShipRegion: 'NM', ShipPostalCode: '87110', ShipCountry: 'USA', F̂reight: 48.29, Verified: !0 + }]; \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/es5-datasource.js b/ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/es5-datasource.js new file mode 100644 index 000000000..9f497b8bf --- /dev/null +++ b/ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/es5-datasource.js @@ -0,0 +1,76 @@ +var data = [ + { + ÒrderID̂: 10248, CustomerID: 'VINET', EmployeeID: 5, OrderDate: new Date(8364186e5), + ShipName: 'Vins et alcools Chevalier', ShipCity: 'Reims', ShipAddress: '59 rue de l Abbaye', + ShipRegion: 'CJ', ShipPostalCode: '51100', ShipCountry: 'France', F̂reight: 32.38, Verified: !0 + }, + { + ÒrderID̂: 10249, CustomerID: 'TOMSP', EmployeeID: 6, OrderDate: new Date(836505e6), + ShipName: 'Toms Spezialitäten', ShipCity: 'Münster', ShipAddress: 'Luisenstr. 48', + ShipRegion: 'CJ', ShipPostalCode: '44087', ShipCountry: 'Germany', F̂reight: 11.61, Verified: !1 + }, + { + ÒrderID̂: 10250, CustomerID: 'HANAR', EmployeeID: 4, OrderDate: new Date(8367642e5), + ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67', + ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', F̂reight: 65.83, Verified: !0 + }, + { + ÒrderID̂: 10251, CustomerID: 'VICTE', EmployeeID: 3, OrderDate: new Date(8367642e5), + ShipName: 'Victuailles en stock', ShipCity: 'Lyon', ShipAddress: '2, rue du Commerce', + ShipRegion: 'CJ', ShipPostalCode: '69004', ShipCountry: 'France', F̂reight: 41.34, Verified: !0 + }, + { + ÒrderID̂: 10252, CustomerID: 'SUPRD', EmployeeID: 4, OrderDate: new Date(8368506e5), + ShipName: 'Suprêmes délices', ShipCity: 'Charleroi', ShipAddress: 'Boulevard Tirou, 255', + ShipRegion: 'CJ', ShipPostalCode: 'B-6000', ShipCountry: 'Belgium', F̂reight: 51.3, Verified: !0 + }, + { + ÒrderID̂: 10253, CustomerID: 'HANAR', EmployeeID: 3, OrderDate: new Date(836937e6), + ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67', + ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', F̂reight: 58.17, Verified: !0 + }, + { + ÒrderID̂: 10254, CustomerID: 'CHOPS', EmployeeID: 5, OrderDate: new Date(8370234e5), + ShipName: 'Chop-suey Chinese', ShipCity: 'Bern', ShipAddress: 'Hauptstr. 31', + ShipRegion: 'CJ', ShipPostalCode: '3012', ShipCountry: 'Switzerland', F̂reight: 22.98, Verified: !1 + }, + { + ÒrderID̂: 10255, CustomerID: 'RICSU', EmployeeID: 9, OrderDate: new Date(8371098e5), + ShipName: 'Richter Supermarkt', ShipCity: 'Genève', ShipAddress: 'Starenweg 5', + ShipRegion: 'CJ', ShipPostalCode: '1204', ShipCountry: 'Switzerland', F̂reight: 148.33, Verified: !0 + }, + { + ÒrderID̂: 10256, CustomerID: 'WELLI', EmployeeID: 3, OrderDate: new Date(837369e6), + ShipName: 'Wellington Importadora', ShipCity: 'Resende', ShipAddress: 'Rua do Mercado, 12', + ShipRegion: 'SP', ShipPostalCode: '08737-363', ShipCountry: 'Brazil', F̂reight: 13.97, Verified: !1 + }, + { + ÒrderID̂: 10257, CustomerID: 'HILAA', EmployeeID: 4, OrderDate: new Date(8374554e5), + ShipName: 'HILARION-Abastos', ShipCity: 'San Cristóbal', ShipAddress: 'Carrera 22 con Ave. Carlos Soublette #8-35', + ShipRegion: 'Táchira', ShipPostalCode: '5022', ShipCountry: 'Venezuela', F̂reight: 81.91, Verified: !0 + }, + { + ÒrderID̂: 10258, CustomerID: 'ERNSH', EmployeeID: 1, OrderDate: new Date(8375418e5), + ShipName: 'Ernst Handel', ShipCity: 'Graz', ShipAddress: 'Kirchgasse 6', + ShipRegion: 'CJ', ShipPostalCode: '8010', ShipCountry: 'Austria', F̂reight: 140.51, Verified: !0 + }, + { + ÒrderID̂: 10259, CustomerID: 'CENTC', EmployeeID: 4, OrderDate: new Date(8376282e5), + ShipName: 'Centro comercial Moctezuma', ShipCity: 'México D.F.', ShipAddress: 'Sierras de Granada 9993', + ShipRegion: 'CJ', ShipPostalCode: '05022', ShipCountry: 'Mexico', F̂reight: 3.25, Verified: !1 + }, + { + ÒrderID̂: 10260, CustomerID: 'OTTIK', EmployeeID: 4, OrderDate: new Date(8377146e5), + ShipName: 'Ottilies Käseladen', ShipCity: 'Köln', ShipAddress: 'Mehrheimerstr. 369', + ShipRegion: 'CJ', ShipPostalCode: '50739', ShipCountry: 'Germany', F̂reight: 55.09, Verified: !0 + }, + { + ÒrderID̂: 10261, CustomerID: 'QUEDE', EmployeeID: 4, OrderDate: new Date(8377146e5), + ShipName: 'Que Delícia', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua da Panificadora, 12', + ShipRegion: 'RJ', ShipPostalCode: '02389-673', ShipCountry: 'Brazil', F̂reight: 3.05, Verified: !1 + }, + { + ÒrderID̂: 10262, CustomerID: 'RATTC', EmployeeID: 8, OrderDate: new Date(8379738e5), + ShipName: 'Rattlesnake Canyon Grocery', ShipCity: 'Albuquerque', ShipAddress: '2817 Milton Dr.', + ShipRegion: 'NM', ShipPostalCode: '87110', ShipCountry: 'USA', F̂reight: 48.29, Verified: !0 + }]; diff --git a/ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/index.css b/ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/index.css new file mode 100644 index 000000000..0fba63172 --- /dev/null +++ b/ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/index.css @@ -0,0 +1,14 @@ +#container { + visibility: hidden; +} + +#loader { + color: #008cff; + font-family: 'Helvetica Neue','calibiri'; + font-size: 14px; + height: 40px; + left: 45%; + position: absolute; + top: 45%; + width: 30%; +} \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/index.js b/ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/index.js new file mode 100644 index 000000000..62c912ea1 --- /dev/null +++ b/ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/index.js @@ -0,0 +1,17 @@ +ej.grids.Grid.Inject(ej.grids.Toolbar, ej.grids.ColumnChooser); +var grid = new ej.grids.Grid({ + dataSource: data, + showColumnChooser: true, + toolbar: ['ColumnChooser'], + columnChooserSettings : { ignoreAccent: true }, + columns: [ + { field: 'ÒrderID̂', headerText: 'Òrder ID̂', width: 120, textAlign: 'Right' }, + { field: 'OrderDate', headerText: 'Order Date', width: 120, format: 'yMd', textAlign: 'Right' }, + { field: 'F̂reight', headerText: 'F̂reight', width: 120, format: 'C2', textAlign: 'Right' }, + { field: 'ShipCountry', headerText: 'Ship Country', width: 130 }, + { field: 'ShipCity', headerText: 'Ship City', visible: false, width: 130 } + ], + height: 272 +}); + +grid.appendTo('#Grid'); \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/index.ts b/ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/index.ts new file mode 100644 index 000000000..ce11eba0e --- /dev/null +++ b/ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/index.ts @@ -0,0 +1,21 @@ +import { Grid, Toolbar, ColumnChooser } from '@syncfusion/ej2-grids'; +import { data } from './datasource.ts'; + +Grid.Inject( Toolbar, ColumnChooser); + +let grid: Grid = new Grid({ + dataSource: data, + showColumnChooser: true, + toolbar: ['ColumnChooser'], + columnChooserSettings : { ignoreAccent: true }, + columns: [ + { field: 'ÒrderID̂', headerText: 'Òrder ID̂', width: 120, textAlign: 'Right' }, + { field: 'OrderDate', headerText: 'Order Date', width: 120, format: 'yMd', textAlign: 'Right' }, + { field: 'F̂reight', headerText: 'F̂reight', width: 120, format: 'C2', textAlign: 'Right' }, + { field: 'ShipCountry', headerText: 'Ship Country', width: 130 }, + { field: 'ShipCity', headerText: 'Ship City', visible: false, width: 130 } + ], + height: 272 +}); + +grid.appendTo('#Grid'); \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/js/index.html b/ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/js/index.html new file mode 100644 index 000000000..3c5897780 --- /dev/null +++ b/ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/js/index.html @@ -0,0 +1,33 @@ + + + EJ2 Grid + + + + + + + + + + + + + + + + + + + +
+
+
+ + + \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/systemjs.config.js b/ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/systemjs.config.js new file mode 100644 index 000000000..852509014 --- /dev/null +++ b/ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/systemjs.config.js @@ -0,0 +1,43 @@ +System.config({ + transpiler: "typescript", + typescriptOptions: { + compilerOptions: { + target: "umd", + module: "commonjs", + moduleResolution: "node", + emitDecoratorMetadata: true, + experimentalDecorators: true + } + }, + paths: { + "syncfusion:": "https://cdn.syncfusion.com/ej2/23.2.4/" + }, + map: { + main: "index.ts", + typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js", + 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js', + "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js", + "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js", + "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js", + "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js", + "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js", + "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js", + "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js", + "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js", + "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js", + "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js", + "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js", + "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js", + "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js", + "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js", + "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", + "@syncfusion/ej2-notifications":"syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js" + }, + meta: { + '*.json': { loader: 'plugin-json' } + } +}); +System.import('index.ts').catch(console.error.bind(console)).then(function () { + document.getElementById('loader').style.display = "none"; + document.getElementById('container').style.visibility = "visible"; +}); \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/ts/index.html b/ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/ts/index.html new file mode 100644 index 000000000..58a1e1bb1 --- /dev/null +++ b/ej2-javascript/code-snippet/grid/columnchooser-diacriticsSearch-cs1/ts/index.html @@ -0,0 +1,29 @@ + + + + EJ2 Grid + + + + + + + + + + + + + + + + + + + +
Loading....
+
+
+
+ + \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/datasource.ts b/ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/datasource.ts new file mode 100644 index 000000000..ada2e0c74 --- /dev/null +++ b/ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/datasource.ts @@ -0,0 +1,77 @@ +export let data: Object[] = [ + { + OrderID: 10248, CustomerID: 'VINET', EmployeeID: 5, OrderDate: new Date(8364186e5), + ShipName: 'Vins et alcools Chevalier', ShipCity: 'Reims', ShipAddress: '59 rue de l Abbaye', + ShipRegion: 'CJ', ShipPostalCode: '51100', ShipCountry: 'France', Freight: 32.38, Verified: !0 + }, + { + OrderID: 10249, CustomerID: 'TOMSP', EmployeeID: 6, OrderDate: new Date(836505e6), + ShipName: 'Toms Spezialitäten', ShipCity: 'Münster', ShipAddress: 'Luisenstr. 48', + ShipRegion: 'CJ', ShipPostalCode: '44087', ShipCountry: 'Germany', Freight: 11.61, Verified: !1 + }, + { + OrderID: 10250, CustomerID: 'HANAR', EmployeeID: 4, OrderDate: new Date(8367642e5), + ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67', + ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 65.83, Verified: !0 + }, + { + OrderID: 10251, CustomerID: 'VICTE', EmployeeID: 3, OrderDate: new Date(8367642e5), + ShipName: 'Victuailles en stock', ShipCity: 'Lyon', ShipAddress: '2, rue du Commerce', + ShipRegion: 'CJ', ShipPostalCode: '69004', ShipCountry: 'France', Freight: 41.34, Verified: !0 + }, + { + OrderID: 10252, CustomerID: 'SUPRD', EmployeeID: 4, OrderDate: new Date(8368506e5), + ShipName: 'Suprêmes délices', ShipCity: 'Charleroi', ShipAddress: 'Boulevard Tirou, 255', + ShipRegion: 'CJ', ShipPostalCode: 'B-6000', ShipCountry: 'Belgium', Freight: 51.3, Verified: !0 + }, + { + OrderID: 10253, CustomerID: 'HANAR', EmployeeID: 3, OrderDate: new Date(836937e6), + ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67', + ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 58.17, Verified: !0 + }, + { + OrderID: 10254, CustomerID: 'CHOPS', EmployeeID: 5, OrderDate: new Date(8370234e5), + ShipName: 'Chop-suey Chinese', ShipCity: 'Bern', ShipAddress: 'Hauptstr. 31', + ShipRegion: 'CJ', ShipPostalCode: '3012', ShipCountry: 'Switzerland', Freight: 22.98, Verified: !1 + }, + { + OrderID: 10255, CustomerID: 'RICSU', EmployeeID: 9, OrderDate: new Date(8371098e5), + ShipName: 'Richter Supermarkt', ShipCity: 'Genève', ShipAddress: 'Starenweg 5', + ShipRegion: 'CJ', ShipPostalCode: '1204', ShipCountry: 'Switzerland', Freight: 148.33, Verified: !0 + }, + { + OrderID: 10256, CustomerID: 'WELLI', EmployeeID: 3, OrderDate: new Date(837369e6), + ShipName: 'Wellington Importadora', ShipCity: 'Resende', ShipAddress: 'Rua do Mercado, 12', + ShipRegion: 'SP', ShipPostalCode: '08737-363', ShipCountry: 'Brazil', Freight: 13.97, Verified: !1 + }, + { + OrderID: 10257, CustomerID: 'HILAA', EmployeeID: 4, OrderDate: new Date(8374554e5), + ShipName: 'HILARION-Abastos', ShipCity: 'San Cristóbal', ShipAddress: 'Carrera 22 con Ave. Carlos Soublette #8-35', + ShipRegion: 'Táchira', ShipPostalCode: '5022', ShipCountry: 'Venezuela', Freight: 81.91, Verified: !0 + }, + { + OrderID: 10258, CustomerID: 'ERNSH', EmployeeID: 1, OrderDate: new Date(8375418e5), + ShipName: 'Ernst Handel', ShipCity: 'Graz', ShipAddress: 'Kirchgasse 6', + ShipRegion: 'CJ', ShipPostalCode: '8010', ShipCountry: 'Austria', Freight: 140.51, Verified: !0 + }, + { + OrderID: 10259, CustomerID: 'CENTC', EmployeeID: 4, OrderDate: new Date(8376282e5), + ShipName: 'Centro comercial Moctezuma', ShipCity: 'México D.F.', ShipAddress: 'Sierras de Granada 9993', + ShipRegion: 'CJ', ShipPostalCode: '05022', ShipCountry: 'Mexico', Freight: 3.25, Verified: !1 + }, + { + OrderID: 10260, CustomerID: 'OTTIK', EmployeeID: 4, OrderDate: new Date(8377146e5), + ShipName: 'Ottilies Käseladen', ShipCity: 'Köln', ShipAddress: 'Mehrheimerstr. 369', + ShipRegion: 'CJ', ShipPostalCode: '50739', ShipCountry: 'Germany', Freight: 55.09, Verified: !0 + }, + { + OrderID: 10261, CustomerID: 'QUEDE', EmployeeID: 4, OrderDate: new Date(8377146e5), + ShipName: 'Que Delícia', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua da Panificadora, 12', + ShipRegion: 'RJ', ShipPostalCode: '02389-673', ShipCountry: 'Brazil', Freight: 3.05, Verified: !1 + }, + { + OrderID: 10262, CustomerID: 'RATTC', EmployeeID: 8, OrderDate: new Date(8379738e5), + ShipName: 'Rattlesnake Canyon Grocery', ShipCity: 'Albuquerque', ShipAddress: '2817 Milton Dr.', + ShipRegion: 'NM', ShipPostalCode: '87110', ShipCountry: 'USA', Freight: 48.29, Verified: !0 + }]; + diff --git a/ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/es5-datasource.js b/ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/es5-datasource.js new file mode 100644 index 000000000..c1223dc0b --- /dev/null +++ b/ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/es5-datasource.js @@ -0,0 +1,77 @@ +var data = [ + { + OrderID: 10248, CustomerID: 'VINET', EmployeeID: 5, OrderDate: new Date(8364186e5), + ShipName: 'Vins et alcools Chevalier', ShipCity: 'Reims', ShipAddress: '59 rue de l Abbaye', + ShipRegion: 'CJ', ShipPostalCode: '51100', ShipCountry: 'France', Freight: 32.38, Verified: !0 + }, + { + OrderID: 10249, CustomerID: 'TOMSP', EmployeeID: 6, OrderDate: new Date(836505e6), + ShipName: 'Toms Spezialitäten', ShipCity: 'Münster', ShipAddress: 'Luisenstr. 48', + ShipRegion: 'CJ', ShipPostalCode: '44087', ShipCountry: 'Germany', Freight: 11.61, Verified: !1 + }, + { + OrderID: 10250, CustomerID: 'HANAR', EmployeeID: 4, OrderDate: new Date(8367642e5), + ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67', + ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 65.83, Verified: !0 + }, + { + OrderID: 10251, CustomerID: 'VICTE', EmployeeID: 3, OrderDate: new Date(8367642e5), + ShipName: 'Victuailles en stock', ShipCity: 'Lyon', ShipAddress: '2, rue du Commerce', + ShipRegion: 'CJ', ShipPostalCode: '69004', ShipCountry: 'France', Freight: 41.34, Verified: !0 + }, + { + OrderID: 10252, CustomerID: 'SUPRD', EmployeeID: 4, OrderDate: new Date(8368506e5), + ShipName: 'Suprêmes délices', ShipCity: 'Charleroi', ShipAddress: 'Boulevard Tirou, 255', + ShipRegion: 'CJ', ShipPostalCode: 'B-6000', ShipCountry: 'Belgium', Freight: 51.3, Verified: !0 + }, + { + OrderID: 10253, CustomerID: 'HANAR', EmployeeID: 3, OrderDate: new Date(836937e6), + ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67', + ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 58.17, Verified: !0 + }, + { + OrderID: 10254, CustomerID: 'CHOPS', EmployeeID: 5, OrderDate: new Date(8370234e5), + ShipName: 'Chop-suey Chinese', ShipCity: 'Bern', ShipAddress: 'Hauptstr. 31', + ShipRegion: 'CJ', ShipPostalCode: '3012', ShipCountry: 'Switzerland', Freight: 22.98, Verified: !1 + }, + { + OrderID: 10255, CustomerID: 'RICSU', EmployeeID: 9, OrderDate: new Date(8371098e5), + ShipName: 'Richter Supermarkt', ShipCity: 'Genève', ShipAddress: 'Starenweg 5', + ShipRegion: 'CJ', ShipPostalCode: '1204', ShipCountry: 'Switzerland', Freight: 148.33, Verified: !0 + }, + { + OrderID: 10256, CustomerID: 'WELLI', EmployeeID: 3, OrderDate: new Date(837369e6), + ShipName: 'Wellington Importadora', ShipCity: 'Resende', ShipAddress: 'Rua do Mercado, 12', + ShipRegion: 'SP', ShipPostalCode: '08737-363', ShipCountry: 'Brazil', Freight: 13.97, Verified: !1 + }, + { + OrderID: 10257, CustomerID: 'HILAA', EmployeeID: 4, OrderDate: new Date(8374554e5), + ShipName: 'HILARION-Abastos', ShipCity: 'San Cristóbal', ShipAddress: 'Carrera 22 con Ave. Carlos Soublette #8-35', + ShipRegion: 'Táchira', ShipPostalCode: '5022', ShipCountry: 'Venezuela', Freight: 81.91, Verified: !0 + }, + { + OrderID: 10258, CustomerID: 'ERNSH', EmployeeID: 1, OrderDate: new Date(8375418e5), + ShipName: 'Ernst Handel', ShipCity: 'Graz', ShipAddress: 'Kirchgasse 6', + ShipRegion: 'CJ', ShipPostalCode: '8010', ShipCountry: 'Austria', Freight: 140.51, Verified: !0 + }, + { + OrderID: 10259, CustomerID: 'CENTC', EmployeeID: 4, OrderDate: new Date(8376282e5), + ShipName: 'Centro comercial Moctezuma', ShipCity: 'México D.F.', ShipAddress: 'Sierras de Granada 9993', + ShipRegion: 'CJ', ShipPostalCode: '05022', ShipCountry: 'Mexico', Freight: 3.25, Verified: !1 + }, + { + OrderID: 10260, CustomerID: 'OTTIK', EmployeeID: 4, OrderDate: new Date(8377146e5), + ShipName: 'Ottilies Käseladen', ShipCity: 'Köln', ShipAddress: 'Mehrheimerstr. 369', + ShipRegion: 'CJ', ShipPostalCode: '50739', ShipCountry: 'Germany', Freight: 55.09, Verified: !0 + }, + { + OrderID: 10261, CustomerID: 'QUEDE', EmployeeID: 4, OrderDate: new Date(8377146e5), + ShipName: 'Que Delícia', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua da Panificadora, 12', + ShipRegion: 'RJ', ShipPostalCode: '02389-673', ShipCountry: 'Brazil', Freight: 3.05, Verified: !1 + }, + { + OrderID: 10262, CustomerID: 'RATTC', EmployeeID: 8, OrderDate: new Date(8379738e5), + ShipName: 'Rattlesnake Canyon Grocery', ShipCity: 'Albuquerque', ShipAddress: '2817 Milton Dr.', + ShipRegion: 'NM', ShipPostalCode: '87110', ShipCountry: 'USA', Freight: 48.29, Verified: !0 + }]; + diff --git a/ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/index.css b/ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/index.css new file mode 100644 index 000000000..0fba63172 --- /dev/null +++ b/ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/index.css @@ -0,0 +1,14 @@ +#container { + visibility: hidden; +} + +#loader { + color: #008cff; + font-family: 'Helvetica Neue','calibiri'; + font-size: 14px; + height: 40px; + left: 45%; + position: absolute; + top: 45%; + width: 30%; +} \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/index.js b/ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/index.js new file mode 100644 index 000000000..9d6477d27 --- /dev/null +++ b/ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/index.js @@ -0,0 +1,15 @@ +ej.grids.Grid.Inject(ej.grids.Toolbar, ej.grids.ColumnChooser); +var grid = new ej.grids.Grid({ + dataSource: data, + showColumnChooser: true, + toolbar: ['ColumnChooser'], + columns: [ + { field: 'OrderID', headerText: 'Order ID', width: 120, textAlign: 'Right', showInColumnChooser: false }, + { field: 'OrderDate', headerText: 'Order Date', width: 130, format: 'yMd', textAlign: 'Right' }, + { field: 'Freight', headerText: 'Freight', width: 120, format: 'C2', textAlign: 'Right' }, + { field: 'ShipCountry', headerText: 'Ship Country', visible: false, width: 150 }, + { field: 'ShipCity', headerText: 'Ship City', visible: false, width: 150 } + ], + height: 272 +}); +grid.appendTo('#Grid'); \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/index.ts b/ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/index.ts new file mode 100644 index 000000000..5423fd289 --- /dev/null +++ b/ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/index.ts @@ -0,0 +1,19 @@ +import { Grid, Toolbar, ColumnChooser } from '@syncfusion/ej2-grids'; +import { data } from './datasource.ts'; + +Grid.Inject( Toolbar, ColumnChooser); + +let grid: Grid = new Grid({ + dataSource: data, + showColumnChooser: true, + toolbar: ['ColumnChooser'], + columns: [ + { field: 'OrderID', headerText: 'Order ID', width: 120, textAlign: 'Right', showInColumnChooser: false }, + { field: 'OrderDate', headerText: 'Order Date', width: 130, format: 'yMd', textAlign: 'Right' }, + { field: 'Freight', headerText: 'Freight', width: 120, format: 'C2', textAlign: 'Right' }, + { field: 'ShipCountry', headerText: 'Ship Country', visible: false, width: 150 }, + { field: 'ShipCity', headerText: 'Ship City', visible: false, width: 150 } + ], + height: 272 +}); +grid.appendTo('#Grid'); \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/js/index.html b/ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/js/index.html new file mode 100644 index 000000000..ecc0b3a52 --- /dev/null +++ b/ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/js/index.html @@ -0,0 +1,32 @@ + + EJ2 Grid + + + + + + + + + + + + + + + + + + + +
+
+
+ + + \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/systemjs.config.js b/ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/systemjs.config.js new file mode 100644 index 000000000..852509014 --- /dev/null +++ b/ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/systemjs.config.js @@ -0,0 +1,43 @@ +System.config({ + transpiler: "typescript", + typescriptOptions: { + compilerOptions: { + target: "umd", + module: "commonjs", + moduleResolution: "node", + emitDecoratorMetadata: true, + experimentalDecorators: true + } + }, + paths: { + "syncfusion:": "https://cdn.syncfusion.com/ej2/23.2.4/" + }, + map: { + main: "index.ts", + typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js", + 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js', + "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js", + "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js", + "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js", + "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js", + "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js", + "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js", + "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js", + "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js", + "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js", + "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js", + "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js", + "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js", + "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js", + "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js", + "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", + "@syncfusion/ej2-notifications":"syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js" + }, + meta: { + '*.json': { loader: 'plugin-json' } + } +}); +System.import('index.ts').catch(console.error.bind(console)).then(function () { + document.getElementById('loader').style.display = "none"; + document.getElementById('container').style.visibility = "visible"; +}); \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/ts/index.html b/ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/ts/index.html new file mode 100644 index 000000000..9f4162923 --- /dev/null +++ b/ej2-javascript/code-snippet/grid/columnchooser-hide-column-cs1/ts/index.html @@ -0,0 +1,29 @@ + + + + EJ2 Grid + + + + + + + + + + + + + + + + + + + +
Loading....
+
+
+
+ + \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/datasource.ts b/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/datasource.ts index 293697e66..b2be8fe68 100644 --- a/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/datasource.ts +++ b/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/datasource.ts @@ -74,216 +74,3 @@ export let data: Object[] = [ ShipName: 'Rattlesnake Canyon Grocery', ShipCity: 'Albuquerque', ShipAddress: '2817 Milton Dr.', ShipRegion: 'NM', ShipPostalCode: '87110', ShipCountry: 'USA', Freight: 48.29, Verified: !0 }]; - -export let employeeData: Object[] = [{ - 'EmployeeID': 1, - 'LastName': 'Davolio', - 'FirstName': 'Nancy', - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-664743600000), - 'HireDate': new Date(704692800000), - 'Address': '507 - 20th Ave. E.\r\nApt. 2A', - 'City': 'Seattle', - 'Region': 'WA', - 'PostalCode': '98122', - 'Country': 'USA', - 'HomePhone': '(206) 555-9857', - 'Extension': '5467', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Education includes a BA in psychology from Colorado State University in 1970. She also completed\ - \'The Art of the Cold Call.\' Nancy is a member of Toastmasters International.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 2, - 'LastName': 'Fuller', - 'FirstName': 'Andrew', - 'Title': 'Vice President, Sales', - 'TitleOfCourtesy': 'Dr.', - 'BirthDate': new Date(-563828400000), - 'HireDate': new Date(713764800000), - 'Address': '908 W. Capital Way', - 'City': 'Tacoma', - 'Region': 'WA', - 'PostalCode': '98401', - 'Country': 'USA', - 'HomePhone': '(206) 555-9482', - 'Extension': '3457', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Andrew received his BTS commercial in 1974 and a Ph.D. in international marketing from the University of \ - Dallas in 1981. He is fluent in French and Italian and reads German. He joined the company as a sales representative, \ - was promoted to sales manager in January 1992 and to vice president of sales in March 1993. Andrew is a member of the \ - Sales Management Roundtable, the Seattle Chamber of Commerce, and the Pacific Rim Importers Association.', - 'ReportsTo': 0, - 'PhotoPath': 'http://accweb/emmployees/fuller.bmp' -}, -{ - 'EmployeeID': 3, - 'LastName': 'Leverling', - 'FirstName': 'Janet', - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-200088000000), - 'HireDate': new Date(702104400000), - 'Address': '722 Moss Bay Blvd.', - 'City': 'Kirkland', - 'Region': 'WA', - 'PostalCode': '98033', - 'Country': 'USA', - 'HomePhone': '(206) 555-3412', - 'Extension': '3355', - 'Photo': { 'Length': 21722 }, - - 'Notes': 'Janet has a BS degree in chemistry from Boston College (1984). \ - She has also completed a certificate program in food retailing management.\ - Janet was hired as a sales associate in 1991 and promoted to sales representative in February 1992.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/leverling.bmp' -}, -{ - 'EmployeeID': 4, - 'LastName': 'Peacock', - 'FirstName': 'Margaret', - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Mrs.', - 'BirthDate': new Date(-1018814400000), - 'HireDate': new Date(736401600000), - 'Address': '4110 Old Redmond Rd.', - 'City': 'Redmond', - 'Region': 'WA', - 'PostalCode': '98052', - 'Country': 'USA', - 'HomePhone': '(206) 555-8122', - 'Extension': '5176', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Margaret holds a BA in English literature from Concordia College (1958) and an MA from the American \ - Institute of Culinary Arts (1966). She was assigned to the London office temporarily from July through November 1992.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/peacock.bmp' -}, -{ - 'EmployeeID': 5, - 'LastName': 'Buchanan', - 'FirstName': 'Steven', - 'Title': 'Sales Manager', - 'TitleOfCourtesy': 'Mr.', - 'BirthDate': new Date(-468010800000), - 'HireDate': new Date(750830400000), - 'Address': '14 Garrett Hill', - 'City': 'London', - 'Region': null, - 'PostalCode': - 'SW1 8JR', - 'Country': 'UK', - 'HomePhone': '(71) 555-4848', - 'Extension': '3453', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Steven Buchanan graduated from St. Andrews University, Scotland, with a BSC degree in 1976. Upon joining the company as \ - a sales representative in 1992, he spent 6 months in an orientation program at the Seattle office and then returned to his permanent \ - post in London. He was promoted to sales manager in March 1993. Mr. Buchanan has completed the courses \'Successful \ - Telemarketing\' and \'International Sales Management.\' He is fluent in French.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/buchanan.bmp' -}, -{ - 'EmployeeID': 6, - 'LastName': 'Suyama', - 'FirstName': 'Michael', - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Mr.', - 'BirthDate': new Date(-205185600000), - 'HireDate': new Date(750830400000), - 'Address': 'Coventry House\r\nMiner Rd.', - 'City': 'London', - 'Region': null, - 'PostalCode': 'EC2 7JR', - 'Country': 'UK', - 'HomePhone': '(71) 555-7773', - 'Extension': '428', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Michael is a graduate of Sussex University (MA, economics, 1983) and the University of California at Los Angeles \ - (MBA, marketing, 1986). He has also taken the courses \'Multi-Cultural Selling\' and \'Time Management for the Sales Professional.\' \ - He is fluent in Japanese and can read and write French, Portuguese, and Spanish.', - 'ReportsTo': 5, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 7, - 'LastName': 'King', - 'FirstName': 'Robert', - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Mr.', - 'BirthDate': new Date(-302731200000), - 'HireDate': new Date(757486800000), - 'Address': 'Edgeham Hollow\r\nWinchester Way', - 'City': 'London', - 'Region': null, - 'PostalCode': 'RG1 9SP', - 'Country': 'UK', - 'HomePhone': '(71) 555-5598', - 'Extension': '465', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Robert King served in the Peace Corps and traveled extensively before completing his degree in English at the \ - University of Michigan in 1992, the year he joined the company. After completing a course entitled \'Selling in Europe,\' \ - he was transferred to the London office in March 1993.', - 'ReportsTo': 5, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 8, - 'LastName': 'Callahan', - 'FirstName': 'Laura', - 'Title': 'Inside Sales Coordinator', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-377982000000), - 'HireDate': new Date(762843600000), - 'Address': '4726 - 11th Ave. N.E.', - 'City': 'Seattle', - 'Region': 'WA', - 'PostalCode': '98105', - 'Country': 'USA', - 'HomePhone': '(206) 555-1189', - 'Extension': '2344', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Laura received a BA in psychology from the University of Washington. She has also completed a course in business \ - French. She reads and writes French.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 9, - 'LastName': 'Dodsworth', - 'FirstName': 'Anne', - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-123966000000), - 'HireDate': new Date(784875600000), - 'Address': '7 Houndstooth Rd.', - 'City': 'London', - 'Region': null, - 'PostalCode': 'WG2 7LT', - 'Country': 'UK', - 'HomePhone': '(71) 555-4444', - 'Extension': '452', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Anne has a BA degree in English from St. Lawrence College. She is fluent in French and German.', - 'ReportsTo': 5, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}]; -export let foodInformation: Object[] = [ - {FoodId:1,Time:"8:40 AM",FoodName:"CHEESE BURGER",Calorie:100,Protein:15,Fat:15,Carbohydrate:28}, - {FoodId:2,Time:"10:30 AM",FoodName:"PIZZA",Calorie:100,Protein:15,Fat:9,Carbohydrate:39}, - {FoodId:3,Time:"12:45 PM",FoodName:"CHICKEN NOODLE",Calorie:50,Protein:4,Fat:2,Carbohydrate:9}, - {FoodId:4,Time:"5:30 PM",FoodName:"YOGURT",Calorie:75,Protein:10,Fat:2,Carbohydrate:43}, - {FoodId:5,Time:"9:00 PM",FoodName:"BEEF SANDWICH",Calorie:125,Protein:22,Fat:13,Carbohydrate:34}, - {FoodId:6,Time:"11:00 PM",FoodName:"CHICKEN BURGER",Calorie:100,Protein:15,Fat:10,Carbohydrate:25}]; \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/es5-datasource.js b/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/es5-datasource.js index f20cee326..a6c3ad049 100644 --- a/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/es5-datasource.js +++ b/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/es5-datasource.js @@ -74,216 +74,3 @@ var data = [ ShipName: 'Rattlesnake Canyon Grocery', ShipCity: 'Albuquerque', ShipAddress: '2817 Milton Dr.', ShipRegion: 'NM', ShipPostalCode: '87110', ShipCountry: 'USA', Freight: 48.29, Verified: !0 }]; - -var employeeData = [{ - 'EmployeeID': 1, - 'LastName': 'Davolio', - 'FirstName': 'Nancy', - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-664743600000), - 'HireDate': new Date(704692800000), - 'Address': '507 - 20th Ave. E.\r\nApt. 2A', - 'City': 'Seattle', - 'Region': 'WA', - 'PostalCode': '98122', - 'Country': 'USA', - 'HomePhone': '(206) 555-9857', - 'Extension': '5467', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Education includes a BA in psychology from Colorado State University in 1970. She also completed\ - \'The Art of the Cold Call.\' Nancy is a member of Toastmasters International.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 2, - 'LastName': 'Fuller', - 'FirstName': 'Andrew', - 'Title': 'Vice President, Sales', - 'TitleOfCourtesy': 'Dr.', - 'BirthDate': new Date(-563828400000), - 'HireDate': new Date(713764800000), - 'Address': '908 W. Capital Way', - 'City': 'Tacoma', - 'Region': 'WA', - 'PostalCode': '98401', - 'Country': 'USA', - 'HomePhone': '(206) 555-9482', - 'Extension': '3457', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Andrew received his BTS commercial in 1974 and a Ph.D. in international marketing from the University of \ - Dallas in 1981. He is fluent in French and Italian and reads German. He joined the company as a sales representative, \ - was promoted to sales manager in January 1992 and to vice president of sales in March 1993. Andrew is a member of the \ - Sales Management Roundtable, the Seattle Chamber of Commerce, and the Pacific Rim Importers Association.', - 'ReportsTo': 0, - 'PhotoPath': 'http://accweb/emmployees/fuller.bmp' -}, -{ - 'EmployeeID': 3, - 'LastName': 'Leverling', - 'FirstName': 'Janet', - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-200088000000), - 'HireDate': new Date(702104400000), - 'Address': '722 Moss Bay Blvd.', - 'City': 'Kirkland', - 'Region': 'WA', - 'PostalCode': '98033', - 'Country': 'USA', - 'HomePhone': '(206) 555-3412', - 'Extension': '3355', - 'Photo': { 'Length': 21722 }, - - 'Notes': 'Janet has a BS degree in chemistry from Boston College (1984). \ - She has also completed a certificate program in food retailing management.\ - Janet was hired as a sales associate in 1991 and promoted to sales representative in February 1992.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/leverling.bmp' -}, -{ - 'EmployeeID': 4, - 'LastName': 'Peacock', - 'FirstName': 'Margaret', - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Mrs.', - 'BirthDate': new Date(-1018814400000), - 'HireDate': new Date(736401600000), - 'Address': '4110 Old Redmond Rd.', - 'City': 'Redmond', - 'Region': 'WA', - 'PostalCode': '98052', - 'Country': 'USA', - 'HomePhone': '(206) 555-8122', - 'Extension': '5176', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Margaret holds a BA in English literature from Concordia College (1958) and an MA from the American \ - Institute of Culinary Arts (1966). She was assigned to the London office temporarily from July through November 1992.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/peacock.bmp' -}, -{ - 'EmployeeID': 5, - 'LastName': 'Buchanan', - 'FirstName': 'Steven', - 'Title': 'Sales Manager', - 'TitleOfCourtesy': 'Mr.', - 'BirthDate': new Date(-468010800000), - 'HireDate': new Date(750830400000), - 'Address': '14 Garrett Hill', - 'City': 'London', - 'Region': null, - 'PostalCode': - 'SW1 8JR', - 'Country': 'UK', - 'HomePhone': '(71) 555-4848', - 'Extension': '3453', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Steven Buchanan graduated from St. Andrews University, Scotland, with a BSC degree in 1976. Upon joining the company as \ - a sales representative in 1992, he spent 6 months in an orientation program at the Seattle office and then returned to his permanent \ - post in London. He was promoted to sales manager in March 1993. Mr. Buchanan has completed the courses \'Successful \ - Telemarketing\' and \'International Sales Management.\' He is fluent in French.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/buchanan.bmp' -}, -{ - 'EmployeeID': 6, - 'LastName': 'Suyama', - 'FirstName': 'Michael', - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Mr.', - 'BirthDate': new Date(-205185600000), - 'HireDate': new Date(750830400000), - 'Address': 'Coventry House\r\nMiner Rd.', - 'City': 'London', - 'Region': null, - 'PostalCode': 'EC2 7JR', - 'Country': 'UK', - 'HomePhone': '(71) 555-7773', - 'Extension': '428', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Michael is a graduate of Sussex University (MA, economics, 1983) and the University of California at Los Angeles \ - (MBA, marketing, 1986). He has also taken the courses \'Multi-Cultural Selling\' and \'Time Management for the Sales Professional.\' \ - He is fluent in Japanese and can read and write French, Portuguese, and Spanish.', - 'ReportsTo': 5, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 7, - 'LastName': 'King', - 'FirstName': 'Robert', - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Mr.', - 'BirthDate': new Date(-302731200000), - 'HireDate': new Date(757486800000), - 'Address': 'Edgeham Hollow\r\nWinchester Way', - 'City': 'London', - 'Region': null, - 'PostalCode': 'RG1 9SP', - 'Country': 'UK', - 'HomePhone': '(71) 555-5598', - 'Extension': '465', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Robert King served in the Peace Corps and traveled extensively before completing his degree in English at the \ - University of Michigan in 1992, the year he joined the company. After completing a course entitled \'Selling in Europe,\' \ - he was transferred to the London office in March 1993.', - 'ReportsTo': 5, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 8, - 'LastName': 'Callahan', - 'FirstName': 'Laura', - 'Title': 'Inside Sales Coordinator', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-377982000000), - 'HireDate': new Date(762843600000), - 'Address': '4726 - 11th Ave. N.E.', - 'City': 'Seattle', - 'Region': 'WA', - 'PostalCode': '98105', - 'Country': 'USA', - 'HomePhone': '(206) 555-1189', - 'Extension': '2344', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Laura received a BA in psychology from the University of Washington. She has also completed a course in business \ - French. She reads and writes French.', - 'ReportsTo': 2, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}, -{ - 'EmployeeID': 9, - 'LastName': 'Dodsworth', - 'FirstName': 'Anne', - 'Title': 'Sales Representative', - 'TitleOfCourtesy': 'Ms.', - 'BirthDate': new Date(-123966000000), - 'HireDate': new Date(784875600000), - 'Address': '7 Houndstooth Rd.', - 'City': 'London', - 'Region': null, - 'PostalCode': 'WG2 7LT', - 'Country': 'UK', - 'HomePhone': '(71) 555-4444', - 'Extension': '452', - 'Photo': { 'Length': 21626 }, - - 'Notes': 'Anne has a BA degree in English from St. Lawrence College. She is fluent in French and German.', - 'ReportsTo': 5, - 'PhotoPath': 'http://accweb/emmployees/davolio.bmp' -}]; -var foodInformation = [ - {FoodId:1,Time:"8:40 AM",FoodName:"CHEESE BURGER",Calorie:100,Protein:15,Fat:15,Carbohydrate:28}, - {FoodId:2,Time:"10:30 AM",FoodName:"PIZZA",Calorie:100,Protein:15,Fat:9,Carbohydrate:39}, - {FoodId:3,Time:"12:45 PM",FoodName:"CHICKEN NOODLE",Calorie:50,Protein:4,Fat:2,Carbohydrate:9}, - {FoodId:4,Time:"5:30 PM",FoodName:"YOGURT",Calorie:75,Protein:10,Fat:2,Carbohydrate:43}, - {FoodId:5,Time:"9:00 PM",FoodName:"BEEF SANDWICH",Calorie:125,Protein:22,Fat:13,Carbohydrate:34}, - {FoodId:6,Time:"11:00 PM",FoodName:"CHICKEN BURGER",Calorie:100,Protein:15,Fat:10,Carbohydrate:25}]; \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/index.css b/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/index.css index 1bff24b8c..0fba63172 100644 --- a/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/index.css +++ b/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/index.css @@ -11,6 +11,4 @@ position: absolute; top: 45%; width: 30%; -} - - +} \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/index.js b/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/index.js index babb11aed..06e203e27 100644 --- a/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/index.js +++ b/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/index.js @@ -1,23 +1,19 @@ -ej.grids.Grid.Inject(ej.grids.Toolbar, ej.grids.ColumnChooser); +ej.grids.Grid.Inject(ej.grids.ColumnChooser); var grid = new ej.grids.Grid({ dataSource: data, showColumnChooser: true, columns: [ - { field: 'OrderID', headerText: 'Order ID', width: 120, textAlign: 'Right' }, - { field: 'CustomerID', headerText: 'Customer ID', width: 150, showInColumnChooser: false }, + { field: 'OrderID', headerText: 'Order ID', width: 120, textAlign: 'Right', showInColumnChooser: false }, { field: 'OrderDate', headerText: 'Order Date', width: 130, format: 'yMd', textAlign: 'Right' }, - { field: 'Freight', width: 120, format: 'C2', textAlign: 'Right' }, - { field: 'ShipCountry', headerText: 'Ship Country', width: 150 }, + { field: 'Freight', headerText: 'Freight', width: 120, format: 'C2', textAlign: 'Right' }, + { field: 'ShipCountry', headerText: 'Ship Country', visible: false, width: 150 }, { field: 'ShipCity', headerText: 'Ship City', visible: false, width: 150 } - ], height: 235 }); grid.appendTo('#Grid'); -var show = new ej.buttons.Button({ cssClass: 'e-flat' }, '#show'); +var showButton = new ej.buttons.Button({ cssClass: 'e-primary' }, '#show'); document.getElementById('show').onclick = function() { - grid.columnChooserModule.openColumnChooser(200, 50); // give X and Y axis -}; - - + grid.columnChooserModule.openColumnChooser(100, 40); // give X and Y axis +}; \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/index.ts b/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/index.ts index 86d1c0836..93585d052 100644 --- a/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/index.ts +++ b/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/index.ts @@ -1,33 +1,24 @@ - - -import { Grid, Selection, ColumnChooser } from '@syncfusion/ej2-grids'; +import { Grid, ColumnChooser } from '@syncfusion/ej2-grids'; import { data } from './datasource.ts'; import { Button } from '@syncfusion/ej2-buttons'; -Grid.Inject(Selection, ColumnChooser); +Grid.Inject( ColumnChooser); let grid: Grid = new Grid({ dataSource: data, showColumnChooser: true, columns: [ - { field: 'OrderID', headerText: 'Order ID', width: 120, textAlign: 'Right' }, - { field: 'CustomerID', headerText: 'Customer ID', width: 150, showInColumnChooser: false }, + { field: 'OrderID', headerText: 'Order ID', width: 120, textAlign: 'Right', showInColumnChooser: false }, { field: 'OrderDate', headerText: 'Order Date', width: 130, format: 'yMd', textAlign: 'Right' }, - { field: 'Freight', width: 120, format: 'C2', textAlign: 'Right' }, - { field: 'ShipCountry', headerText: 'Ship Country', width: 150 }, + { field: 'Freight', headerText: 'Freight', width: 120, format: 'C2', textAlign: 'Right' }, + { field: 'ShipCountry', headerText: 'Ship Country', visible: false, width: 150 }, { field: 'ShipCity', headerText: 'Ship City', visible: false, width: 150 } - ], height: 235 }); - grid.appendTo('#Grid'); -let show: Button = new Button({ cssClass: 'e-flat' }, '#show'); - -document.getElementById('show').onclick = () => { - grid.columnChooserModule.openColumnChooser(200, 50); // give X and Y axis -}; - - - +let showButton: Button = new Button({ cssClass: 'e-primary' }, '#show'); +(document.getElementById('show') as HTMLElement).onclick = () => { + grid.columnChooserModule.openColumnChooser(100, 40); // give X and Y axis +}; \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/js/index.html b/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/js/index.html index 55b4c89d3..46d91637c 100644 --- a/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/js/index.html +++ b/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/js/index.html @@ -1,42 +1,34 @@ - + + EJ2 Grid - - - - - - - - - - - - - - - - - - + + + + + + + + + + + -
- + \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/systemjs.config.js b/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/systemjs.config.js index b3ba0bb37..7f723ee42 100644 --- a/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/systemjs.config.js +++ b/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/23.2.4/" }, map: { main: "index.ts", @@ -37,7 +37,6 @@ System.config({ '*.json': { loader: 'plugin-json' } } }); - System.import('index.ts').catch(console.error.bind(console)).then(function () { document.getElementById('loader').style.display = "none"; document.getElementById('container').style.visibility = "visible"; diff --git a/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/ts/index.html b/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/ts/index.html index 2fb520fa2..d2b5fbd4c 100644 --- a/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/ts/index.html +++ b/ej2-javascript/code-snippet/grid/columnchooser-method-cs1/ts/index.html @@ -1,6 +1,5 @@ - EJ2 Grid @@ -8,21 +7,16 @@ - - - - - - - - - - - - - - - + + + + + + + + + + diff --git a/ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/datasource.ts b/ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/datasource.ts new file mode 100644 index 000000000..ada2e0c74 --- /dev/null +++ b/ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/datasource.ts @@ -0,0 +1,77 @@ +export let data: Object[] = [ + { + OrderID: 10248, CustomerID: 'VINET', EmployeeID: 5, OrderDate: new Date(8364186e5), + ShipName: 'Vins et alcools Chevalier', ShipCity: 'Reims', ShipAddress: '59 rue de l Abbaye', + ShipRegion: 'CJ', ShipPostalCode: '51100', ShipCountry: 'France', Freight: 32.38, Verified: !0 + }, + { + OrderID: 10249, CustomerID: 'TOMSP', EmployeeID: 6, OrderDate: new Date(836505e6), + ShipName: 'Toms Spezialitäten', ShipCity: 'Münster', ShipAddress: 'Luisenstr. 48', + ShipRegion: 'CJ', ShipPostalCode: '44087', ShipCountry: 'Germany', Freight: 11.61, Verified: !1 + }, + { + OrderID: 10250, CustomerID: 'HANAR', EmployeeID: 4, OrderDate: new Date(8367642e5), + ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67', + ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 65.83, Verified: !0 + }, + { + OrderID: 10251, CustomerID: 'VICTE', EmployeeID: 3, OrderDate: new Date(8367642e5), + ShipName: 'Victuailles en stock', ShipCity: 'Lyon', ShipAddress: '2, rue du Commerce', + ShipRegion: 'CJ', ShipPostalCode: '69004', ShipCountry: 'France', Freight: 41.34, Verified: !0 + }, + { + OrderID: 10252, CustomerID: 'SUPRD', EmployeeID: 4, OrderDate: new Date(8368506e5), + ShipName: 'Suprêmes délices', ShipCity: 'Charleroi', ShipAddress: 'Boulevard Tirou, 255', + ShipRegion: 'CJ', ShipPostalCode: 'B-6000', ShipCountry: 'Belgium', Freight: 51.3, Verified: !0 + }, + { + OrderID: 10253, CustomerID: 'HANAR', EmployeeID: 3, OrderDate: new Date(836937e6), + ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67', + ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 58.17, Verified: !0 + }, + { + OrderID: 10254, CustomerID: 'CHOPS', EmployeeID: 5, OrderDate: new Date(8370234e5), + ShipName: 'Chop-suey Chinese', ShipCity: 'Bern', ShipAddress: 'Hauptstr. 31', + ShipRegion: 'CJ', ShipPostalCode: '3012', ShipCountry: 'Switzerland', Freight: 22.98, Verified: !1 + }, + { + OrderID: 10255, CustomerID: 'RICSU', EmployeeID: 9, OrderDate: new Date(8371098e5), + ShipName: 'Richter Supermarkt', ShipCity: 'Genève', ShipAddress: 'Starenweg 5', + ShipRegion: 'CJ', ShipPostalCode: '1204', ShipCountry: 'Switzerland', Freight: 148.33, Verified: !0 + }, + { + OrderID: 10256, CustomerID: 'WELLI', EmployeeID: 3, OrderDate: new Date(837369e6), + ShipName: 'Wellington Importadora', ShipCity: 'Resende', ShipAddress: 'Rua do Mercado, 12', + ShipRegion: 'SP', ShipPostalCode: '08737-363', ShipCountry: 'Brazil', Freight: 13.97, Verified: !1 + }, + { + OrderID: 10257, CustomerID: 'HILAA', EmployeeID: 4, OrderDate: new Date(8374554e5), + ShipName: 'HILARION-Abastos', ShipCity: 'San Cristóbal', ShipAddress: 'Carrera 22 con Ave. Carlos Soublette #8-35', + ShipRegion: 'Táchira', ShipPostalCode: '5022', ShipCountry: 'Venezuela', Freight: 81.91, Verified: !0 + }, + { + OrderID: 10258, CustomerID: 'ERNSH', EmployeeID: 1, OrderDate: new Date(8375418e5), + ShipName: 'Ernst Handel', ShipCity: 'Graz', ShipAddress: 'Kirchgasse 6', + ShipRegion: 'CJ', ShipPostalCode: '8010', ShipCountry: 'Austria', Freight: 140.51, Verified: !0 + }, + { + OrderID: 10259, CustomerID: 'CENTC', EmployeeID: 4, OrderDate: new Date(8376282e5), + ShipName: 'Centro comercial Moctezuma', ShipCity: 'México D.F.', ShipAddress: 'Sierras de Granada 9993', + ShipRegion: 'CJ', ShipPostalCode: '05022', ShipCountry: 'Mexico', Freight: 3.25, Verified: !1 + }, + { + OrderID: 10260, CustomerID: 'OTTIK', EmployeeID: 4, OrderDate: new Date(8377146e5), + ShipName: 'Ottilies Käseladen', ShipCity: 'Köln', ShipAddress: 'Mehrheimerstr. 369', + ShipRegion: 'CJ', ShipPostalCode: '50739', ShipCountry: 'Germany', Freight: 55.09, Verified: !0 + }, + { + OrderID: 10261, CustomerID: 'QUEDE', EmployeeID: 4, OrderDate: new Date(8377146e5), + ShipName: 'Que Delícia', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua da Panificadora, 12', + ShipRegion: 'RJ', ShipPostalCode: '02389-673', ShipCountry: 'Brazil', Freight: 3.05, Verified: !1 + }, + { + OrderID: 10262, CustomerID: 'RATTC', EmployeeID: 8, OrderDate: new Date(8379738e5), + ShipName: 'Rattlesnake Canyon Grocery', ShipCity: 'Albuquerque', ShipAddress: '2817 Milton Dr.', + ShipRegion: 'NM', ShipPostalCode: '87110', ShipCountry: 'USA', Freight: 48.29, Verified: !0 + }]; + diff --git a/ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/es5-datasource.js b/ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/es5-datasource.js new file mode 100644 index 000000000..c1223dc0b --- /dev/null +++ b/ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/es5-datasource.js @@ -0,0 +1,77 @@ +var data = [ + { + OrderID: 10248, CustomerID: 'VINET', EmployeeID: 5, OrderDate: new Date(8364186e5), + ShipName: 'Vins et alcools Chevalier', ShipCity: 'Reims', ShipAddress: '59 rue de l Abbaye', + ShipRegion: 'CJ', ShipPostalCode: '51100', ShipCountry: 'France', Freight: 32.38, Verified: !0 + }, + { + OrderID: 10249, CustomerID: 'TOMSP', EmployeeID: 6, OrderDate: new Date(836505e6), + ShipName: 'Toms Spezialitäten', ShipCity: 'Münster', ShipAddress: 'Luisenstr. 48', + ShipRegion: 'CJ', ShipPostalCode: '44087', ShipCountry: 'Germany', Freight: 11.61, Verified: !1 + }, + { + OrderID: 10250, CustomerID: 'HANAR', EmployeeID: 4, OrderDate: new Date(8367642e5), + ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67', + ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 65.83, Verified: !0 + }, + { + OrderID: 10251, CustomerID: 'VICTE', EmployeeID: 3, OrderDate: new Date(8367642e5), + ShipName: 'Victuailles en stock', ShipCity: 'Lyon', ShipAddress: '2, rue du Commerce', + ShipRegion: 'CJ', ShipPostalCode: '69004', ShipCountry: 'France', Freight: 41.34, Verified: !0 + }, + { + OrderID: 10252, CustomerID: 'SUPRD', EmployeeID: 4, OrderDate: new Date(8368506e5), + ShipName: 'Suprêmes délices', ShipCity: 'Charleroi', ShipAddress: 'Boulevard Tirou, 255', + ShipRegion: 'CJ', ShipPostalCode: 'B-6000', ShipCountry: 'Belgium', Freight: 51.3, Verified: !0 + }, + { + OrderID: 10253, CustomerID: 'HANAR', EmployeeID: 3, OrderDate: new Date(836937e6), + ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67', + ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 58.17, Verified: !0 + }, + { + OrderID: 10254, CustomerID: 'CHOPS', EmployeeID: 5, OrderDate: new Date(8370234e5), + ShipName: 'Chop-suey Chinese', ShipCity: 'Bern', ShipAddress: 'Hauptstr. 31', + ShipRegion: 'CJ', ShipPostalCode: '3012', ShipCountry: 'Switzerland', Freight: 22.98, Verified: !1 + }, + { + OrderID: 10255, CustomerID: 'RICSU', EmployeeID: 9, OrderDate: new Date(8371098e5), + ShipName: 'Richter Supermarkt', ShipCity: 'Genève', ShipAddress: 'Starenweg 5', + ShipRegion: 'CJ', ShipPostalCode: '1204', ShipCountry: 'Switzerland', Freight: 148.33, Verified: !0 + }, + { + OrderID: 10256, CustomerID: 'WELLI', EmployeeID: 3, OrderDate: new Date(837369e6), + ShipName: 'Wellington Importadora', ShipCity: 'Resende', ShipAddress: 'Rua do Mercado, 12', + ShipRegion: 'SP', ShipPostalCode: '08737-363', ShipCountry: 'Brazil', Freight: 13.97, Verified: !1 + }, + { + OrderID: 10257, CustomerID: 'HILAA', EmployeeID: 4, OrderDate: new Date(8374554e5), + ShipName: 'HILARION-Abastos', ShipCity: 'San Cristóbal', ShipAddress: 'Carrera 22 con Ave. Carlos Soublette #8-35', + ShipRegion: 'Táchira', ShipPostalCode: '5022', ShipCountry: 'Venezuela', Freight: 81.91, Verified: !0 + }, + { + OrderID: 10258, CustomerID: 'ERNSH', EmployeeID: 1, OrderDate: new Date(8375418e5), + ShipName: 'Ernst Handel', ShipCity: 'Graz', ShipAddress: 'Kirchgasse 6', + ShipRegion: 'CJ', ShipPostalCode: '8010', ShipCountry: 'Austria', Freight: 140.51, Verified: !0 + }, + { + OrderID: 10259, CustomerID: 'CENTC', EmployeeID: 4, OrderDate: new Date(8376282e5), + ShipName: 'Centro comercial Moctezuma', ShipCity: 'México D.F.', ShipAddress: 'Sierras de Granada 9993', + ShipRegion: 'CJ', ShipPostalCode: '05022', ShipCountry: 'Mexico', Freight: 3.25, Verified: !1 + }, + { + OrderID: 10260, CustomerID: 'OTTIK', EmployeeID: 4, OrderDate: new Date(8377146e5), + ShipName: 'Ottilies Käseladen', ShipCity: 'Köln', ShipAddress: 'Mehrheimerstr. 369', + ShipRegion: 'CJ', ShipPostalCode: '50739', ShipCountry: 'Germany', Freight: 55.09, Verified: !0 + }, + { + OrderID: 10261, CustomerID: 'QUEDE', EmployeeID: 4, OrderDate: new Date(8377146e5), + ShipName: 'Que Delícia', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua da Panificadora, 12', + ShipRegion: 'RJ', ShipPostalCode: '02389-673', ShipCountry: 'Brazil', Freight: 3.05, Verified: !1 + }, + { + OrderID: 10262, CustomerID: 'RATTC', EmployeeID: 8, OrderDate: new Date(8379738e5), + ShipName: 'Rattlesnake Canyon Grocery', ShipCity: 'Albuquerque', ShipAddress: '2817 Milton Dr.', + ShipRegion: 'NM', ShipPostalCode: '87110', ShipCountry: 'USA', Freight: 48.29, Verified: !0 + }]; + diff --git a/ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/index.css b/ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/index.css new file mode 100644 index 000000000..0fba63172 --- /dev/null +++ b/ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/index.css @@ -0,0 +1,14 @@ +#container { + visibility: hidden; +} + +#loader { + color: #008cff; + font-family: 'Helvetica Neue','calibiri'; + font-size: 14px; + height: 40px; + left: 45%; + position: absolute; + top: 45%; + width: 30%; +} \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/index.js b/ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/index.js new file mode 100644 index 000000000..38a2bf4c0 --- /dev/null +++ b/ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/index.js @@ -0,0 +1,15 @@ +ej.grids.Grid.Inject(ej.grids.Toolbar, ej.grids.ColumnChooser); +var grid = new ej.grids.Grid({ + dataSource: data, + showColumnChooser: true, + toolbar: ['ColumnChooser'], + columns: [ + { field: 'OrderID', headerText: 'Order ID', width: 120, textAlign: 'Right', showInColumnChooser: false }, + { field: 'OrderDate', headerText: 'Order Date', width: 130, format: 'yMd', textAlign: 'Right' }, + { field: 'Freight', headerText: 'Freight', width: 120, format: 'C2', textAlign: 'Right' }, + { field: 'ShipCountry', headerText: 'Ship Country', visible: false, width: 150 }, + { field: 'ShipCity', headerText: 'Ship City', visible: false, width: 150 } + ], + height: 235 +}); +grid.appendTo('#Grid'); \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/index.ts b/ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/index.ts new file mode 100644 index 000000000..bcd05b209 --- /dev/null +++ b/ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/index.ts @@ -0,0 +1,19 @@ +import { Grid, Toolbar, ColumnChooser } from '@syncfusion/ej2-grids'; +import { data } from './datasource.ts'; + +Grid.Inject( Toolbar, ColumnChooser); + +let grid: Grid = new Grid({ + dataSource: data, + showColumnChooser: true, + toolbar: ['ColumnChooser'], + columns: [ + { field: 'OrderID', headerText: 'Order ID', width: 120, textAlign: 'Right', showInColumnChooser: false }, + { field: 'OrderDate', headerText: 'Order Date', width: 130, format: 'yMd', textAlign: 'Right' }, + { field: 'Freight', headerText: 'Freight', width: 120, format: 'C2', textAlign: 'Right' }, + { field: 'ShipCountry', headerText: 'Ship Country', visible: false, width: 150 }, + { field: 'ShipCity', headerText: 'Ship City', visible: false, width: 150 } + ], + height: 235 +}); +grid.appendTo('#Grid'); \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/js/index.html b/ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/js/index.html new file mode 100644 index 000000000..d97560266 --- /dev/null +++ b/ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/js/index.html @@ -0,0 +1,43 @@ + + + EJ2 Grid + + + + + + + + + + + + + + + + + + + + +
+
+
+ + + \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/systemjs.config.js b/ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/systemjs.config.js new file mode 100644 index 000000000..852509014 --- /dev/null +++ b/ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/systemjs.config.js @@ -0,0 +1,43 @@ +System.config({ + transpiler: "typescript", + typescriptOptions: { + compilerOptions: { + target: "umd", + module: "commonjs", + moduleResolution: "node", + emitDecoratorMetadata: true, + experimentalDecorators: true + } + }, + paths: { + "syncfusion:": "https://cdn.syncfusion.com/ej2/23.2.4/" + }, + map: { + main: "index.ts", + typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js", + 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js', + "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js", + "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js", + "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js", + "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js", + "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js", + "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js", + "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js", + "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js", + "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js", + "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js", + "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js", + "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js", + "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js", + "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js", + "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", + "@syncfusion/ej2-notifications":"syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js" + }, + meta: { + '*.json': { loader: 'plugin-json' } + } +}); +System.import('index.ts').catch(console.error.bind(console)).then(function () { + document.getElementById('loader').style.display = "none"; + document.getElementById('container').style.visibility = "visible"; +}); \ No newline at end of file diff --git a/ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/ts/index.html b/ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/ts/index.html new file mode 100644 index 000000000..1b333e0ff --- /dev/null +++ b/ej2-javascript/code-snippet/grid/customize-columnchooser-cs1/ts/index.html @@ -0,0 +1,39 @@ + + + + EJ2 Grid + + + + + + + + + + + + + + + + + + + + +
Loading....
+
+
+
+ + \ No newline at end of file diff --git a/ej2-javascript/grid/columns/column-chooser.md b/ej2-javascript/grid/columns/column-chooser.md index fe194eb53..219c7b76a 100644 --- a/ej2-javascript/grid/columns/column-chooser.md +++ b/ej2-javascript/grid/columns/column-chooser.md @@ -11,7 +11,7 @@ domainurl: ##DomainURL## # Column chooser in ##Platform_Name## Grid control -The column chooser has options to show or hide columns dynamically. It can be enabled by defining the [`showColumnChooser`](../../api/grid/#showcolumnchooser) as true. +The column chooser feature in the Syncfusion ##Platform_Name## Grid control allows you to dynamically show or hide columns. This feature can be enabled by defining the [showColumnChooser](../../api/grid/#showcolumnchooser) property as **true**. To use the column chooser, inject the **ColumnChooser** module in the grid. @@ -42,11 +42,48 @@ To use the column chooser, inject the **ColumnChooser** module in the grid. {% previewsample "page.domainurl/code-snippet/grid/columnchooser-cs1" %} {% endif %} -> You can hide the column names in column chooser by defining the [`columns.showInColumnChooser`](../../api/grid/column/#showincolumnchooser) as false. +> The column chooser dialog displays the header text of each column by default. If the header text is not defined for a column, the corresponding column field name is displayed instead. + +## Hide column in column chooser dialog + +You can hide the column names in column chooser by defining the [columns->showInColumnChooser](../../api/grid/column/#showincolumnchooser) as **false**. This feature is useful when working with a large number of columns or when you want to limit the number of columns that are available for selection in the column chooser dialog. + +In this example, the `columns->showInColumnChooser` property is set to false for the **Order ID** column. As a result, the **Order ID** column will not be displayed in the column chooser dialog. + +{% if page.publishingplatform == "typescript" %} + + {% tabs %} +{% highlight ts tabtitle="index.ts" %} +{% include code-snippet/grid/columnchooser-hide-column-cs1/index.ts %} +{% endhighlight %} +{% highlight html tabtitle="index.html" %} +{% include code-snippet/grid/columnchooser-hide-column-cs1/index.html %} +{% endhighlight %} +{% endtabs %} + +{% previewsample "page.domainurl/code-snippet/grid/columnchooser-hide-column-cs1" %} + +{% elsif page.publishingplatform == "javascript" %} + +{% tabs %} +{% highlight js tabtitle="index.js" %} +{% include code-snippet/grid/columnchooser-hide-column-cs1/index.js %} +{% endhighlight %} +{% highlight html tabtitle="index.html" %} +{% include code-snippet/grid/columnchooser-hide-column-cs1/index.html %} +{% endhighlight %} +{% endtabs %} + +{% previewsample "page.domainurl/code-snippet/grid/columnchooser-hide-column-cs1" %} +{% endif %} + +>The `columns->showInColumnChooser` property is applied to each column element individually. By setting it to false, you can hide specific columns from the column chooser dialog. ## Open column chooser by external button -The Column chooser can be displayed on a page through external button by invoking the [`openColumnChooser`](../../api/grid/columnChooser) method with **X** and **Y** axis positions. +The Syncfusion ##Platform_Name## Grid provides the flexibility to open the column chooser dialog on a web page using an external button. By default, the column chooser button is displayed in the right corner of the grid control, and clicking the button opens the column chooser dialog below it. However, you can programmatically open the column chooser dialog at specific **X** and **Y** axis positions by using the [openColumnChooser](../../api/grid/columnChooser/#opencolumnchooser) method. + +Here's an example of how to open the column chooser in the Grid using an external button: {% if page.publishingplatform == "typescript" %} @@ -73,4 +110,115 @@ The Column chooser can be displayed on a page through external button by invokin {% endtabs %} {% previewsample "page.domainurl/code-snippet/grid/columnchooser-method-cs1" %} -{% endif %} \ No newline at end of file +{% endif %} + +## Customize column chooser dialog size + +The column chooser dialog in Syncfusion ##Platform_Name## Grid comes with default size, but you can modify its height and width as per your specific needs using CSS styles. +To customize the column chooser dialog size, you can use the following CSS styles: + +```css +.e-grid .e-dialog.e-ccdlg { + height: 500px; + width: 200px; +} +.e-grid .e-ccdlg .e-cc-contentdiv { + height: 200px; + width: 230px; +} +``` + +{% if page.publishingplatform == "typescript" %} + + {% tabs %} +{% highlight ts tabtitle="index.ts" %} +{% include code-snippet/grid/customize-columnchooser-cs1/index.ts %} +{% endhighlight %} +{% highlight html tabtitle="index.html" %} +{% include code-snippet/grid/customize-columnchooser-cs1/index.html %} +{% endhighlight %} +{% endtabs %} + +{% previewsample "page.domainurl/code-snippet/grid/customize-columnchooser-cs1" %} + +{% elsif page.publishingplatform == "javascript" %} + +{% tabs %} +{% highlight js tabtitle="index.js" %} +{% include code-snippet/grid/customize-columnchooser-cs1/index.js %} +{% endhighlight %} +{% highlight html tabtitle="index.html" %} +{% include code-snippet/grid/customize-columnchooser-cs1/index.html %} +{% endhighlight %} +{% endtabs %} + +{% previewsample "page.domainurl/code-snippet/grid/customize-columnchooser-cs1" %} +{% endif %} + +## Change default search operator of the column chooser + +The column chooser dialog in the Syncfusion ##Platform_Name## Grid provides a search box that allows you to search for column names. By default, the search functionality uses the "startswith" operator to match columns and display the results in the column chooser dialog. However, there might be cases where you need to change the default search operator to achieve more precise data matching. + +To change the default search operator of the column chooser in Syncfusion Grid, you need to use the [operator](../../api/grid/columnChooserSettings/#operator) property of the `columnChooserSettings`. + +Here's an example of how to change the default search operator of the column chooser to **contains** in the ##Platform_Name## Grid: + +{% if page.publishingplatform == "typescript" %} + + {% tabs %} +{% highlight ts tabtitle="index.ts" %} +{% include code-snippet/grid/columnchooser-changeoperator-cs1/index.ts %} +{% endhighlight %} +{% highlight html tabtitle="index.html" %} +{% include code-snippet/grid/columnchooser-changeoperator-cs1/index.html %} +{% endhighlight %} +{% endtabs %} + +{% previewsample "page.domainurl/code-snippet/grid/columnchooser-changeoperator-cs1" %} + +{% elsif page.publishingplatform == "javascript" %} + +{% tabs %} +{% highlight js tabtitle="index.js" %} +{% include code-snippet/grid/columnchooser-changeoperator-cs1/index.js %} +{% endhighlight %} +{% highlight html tabtitle="index.html" %} +{% include code-snippet/grid/columnchooser-changeoperator-cs1/index.html %} +{% endhighlight %} +{% endtabs %} + +{% previewsample "page.domainurl/code-snippet/grid/columnchooser-changeoperator-cs1" %} +{% endif %} + +## Diacritics searching in column chooser + +By default, the grid ignores diacritic characters when performing a search in the column chooser. However, in some cases, you may want to include diacritic characters in the search. To enable this behavior, you can set the [columnChooserSettings->ignoreAccent](../../api/grid/columnChooserSettings/#ignoreaccent) property to **true**. + +Here is an example that demonstrates the usage of the `ignoreAccent` property to include diacritic characters for searching in the column chooser: + +{% if page.publishingplatform == "typescript" %} + + {% tabs %} +{% highlight ts tabtitle="index.ts" %} +{% include code-snippet/grid/columnchooser-diacriticsSearch-cs1/index.ts %} +{% endhighlight %} +{% highlight html tabtitle="index.html" %} +{% include code-snippet/grid/columnchooser-diacriticsSearch-cs1/index.html %} +{% endhighlight %} +{% endtabs %} + +{% previewsample "page.domainurl/code-snippet/grid/columnchooser-diacriticsSearch-cs1" %} + +{% elsif page.publishingplatform == "javascript" %} + +{% tabs %} +{% highlight js tabtitle="index.js" %} +{% include code-snippet/grid/columnchooser-diacriticsSearch-cs1/index.js %} +{% endhighlight %} +{% highlight html tabtitle="index.html" %} +{% include code-snippet/grid/columnchooser-diacriticsSearch-cs1/index.html %} +{% endhighlight %} +{% endtabs %} + +{% previewsample "page.domainurl/code-snippet/grid/columnchooser-diacriticsSearch-cs1" %} +{% endif %}