Integrated latest changes at 05-09-2024 4:30:21 PM

Author: SyncfusionBuild

ej2-react/code-snippet/gantt/pdf-export-taskbar-template-cs1/critical.png

@@ -0,0 +1,64 @@
+import React, { useEffect} from 'react';
+import { useDispatch, useSelector } from "react-redux";
+import { ColumnDirective, ColumnsDirective, Filter, GridComponent, LazyLoadGroup, Inject, Page, Sort, Edit, Toolbar, Group } from '@syncfusion/ej2-react-grids'
+import { addRow, deleteRow, fetchData, updateRow } from './reducer/action';
+
+const App = () => {    
+  let gridInstance;
+  const toolbar = ['Add', 'Edit', 'Delete',  'Update', 'Cancel', 'Search'];
+  const editSettings = {allowAdding: true, allowDeleting: true, allowEditing: true};
+  const groupSettings={enableLazyLoading: true, columns:['ProductName'], showGroupedColumn: true};
+  const filterSettings = {columns: [{field: 'CustomerName', matchCase: false, operator: 'startswith', predicate: 'and', value: 'Maria'}]}
+  const sortSettings = {columns: [{ field: 'ProductID', direction: 'Descending' }]}
+  const state = useSelector((state) => state);
+  const dispatch = useDispatch();
+
+  const dataStateChange = (state) => {
+    const query = gridInstance.getDataModule().generateQuery();
+    dispatch(fetchData(state, query));
+  }
+
+  const dataSourceChange = (state) =>{
+    const query = gridInstance.getDataModule().generateQuery(true);  
+    if (state.requestType === "save") {
+      if (state.action === "add") {
+        dispatch(addRow(state, query));
+      } else if (state.action === "edit") {
+        dispatch(updateRow(state, query));
+      }
+    }
+    if (state.requestType === 'delete') {
+      dispatch(deleteRow(state, query));
+    }
+  }
+
+  useEffect(() => {
+    if (gridInstance) {
+      gridInstance.dataSource = state.data;
+    }
+  },[state.data])
+  
+  return (
+      <GridComponent ref={grid => gridInstance = grid} allowSorting={true} allowFiltering={true} 
+      allowPaging={true} 
+      allowGrouping={true}
+      filterSettings={filterSettings}
+      groupSettings={groupSettings}
+      sortSettings={sortSettings}
+      toolbar={toolbar}
+      editSettings={editSettings}
+      dataStateChange={dataStateChange}
+      dataSourceChanged={dataSourceChange}
+      >
+        <ColumnsDirective>
+        <ColumnDirective field='OrderID' headerText='Order ID' textAlign="Right" width='120' isPrimaryKey={true} />
+        <ColumnDirective field='ProductName' headerText='Product Name' width='160' />
+        <ColumnDirective field='ProductID' headerText='Product ID' textAlign="Right" width='120' />
+        <ColumnDirective field='CustomerName' headerText='Customer Name' width='160' />
+      </ColumnsDirective>
+      <Inject services={[Page, Sort, Filter, Group, LazyLoadGroup, Edit, Toolbar]} />
+      </GridComponent>
+  )
+}
+
+export default (App);

ej2-react/code-snippet/gantt/pdf-export-taskbar-template-cs1/7.png renamed to ej2-react/code-snippet/gantt/pdf-export-taskbar-template-cs1/images/Construction Supervisor.png

@@ -0,0 +1,70 @@
+import React, { useEffect} from 'react';
+import { useDispatch, useSelector } from "react-redux";
+import { ColumnDirective, ColumnsDirective, Filter, GridComponent, DataStateChangeEventArgs, LazyLoadGroup, Inject, Page, Sort, Edit, Toolbar, GroupSettingsModel, Group, SortSettingsModel, FilterSettingsModel, DataSourceChangedEventArgs, ToolbarItems, EditSettingsModel } from '@syncfusion/ej2-react-grids'
+import { addRow, deleteRow, fetchData, updateRow } from './reducer/action';
+
+export interface gridState{
+  data:{
+    result:Object[];
+    count:number;
+  }
+}
+const App = () => {    
+  var gridInstance: GridComponent|null;
+  const toolbar: ToolbarItems[] = ['Add', 'Edit', 'Delete',  'Update', 'Cancel', 'Search'];
+  const editSettings: EditSettingsModel = {allowAdding: true, allowDeleting: true, allowEditing: true};
+  const groupSettings: GroupSettingsModel={enableLazyLoading: true, columns:['ProductName'], showGroupedColumn: true};
+  const filterSettings:FilterSettingsModel = {columns: [{field: 'CustomerName', matchCase: false, operator: 'startswith', predicate: 'and', value: 'Maria'}]}
+  const sortSettings:SortSettingsModel = {columns: [{ field: 'ProductID', direction: 'Descending' }]}
+  const state = useSelector((state: gridState) => state);
+  const dispatch = useDispatch();
+
+  const dataStateChange = (state: DataStateChangeEventArgs) => {
+    const query = (gridInstance as GridComponent).getDataModule().generateQuery();
+    dispatch(fetchData(state, query));
+  }
+
+  const dataSourceChange = (state: DataSourceChangedEventArgs) =>{
+    const query = (gridInstance as GridComponent).getDataModule().generateQuery(true);  
+    if (state.requestType === "save") {
+      if (state.action === "add") {
+        dispatch(addRow(state, query));
+      } else if (state.action === "edit") {
+        dispatch(updateRow(state, query));
+      }
+    }
+    if (state.requestType === 'delete') {
+      dispatch(deleteRow(state, query));
+    }
+  }
+
+  useEffect(() => {
+    if (gridInstance) {
+      gridInstance.dataSource = state.data;
+    }
+  },[state.data])
+  
+  return (
+      <GridComponent ref={grid => gridInstance = grid} allowSorting={true} allowFiltering={true} 
+      allowPaging={true} 
+      allowGrouping={true}
+      filterSettings={filterSettings}
+      groupSettings={groupSettings}
+      sortSettings={sortSettings}
+      toolbar={toolbar}
+      editSettings={editSettings}
+      dataStateChange={dataStateChange}
+      dataSourceChanged={dataSourceChange}
+      >
+        <ColumnsDirective>
+        <ColumnDirective field='OrderID' headerText='Order ID' textAlign="Right" width='120' isPrimaryKey={true} />
+        <ColumnDirective field='ProductName' headerText='Product Name' width='160' />
+        <ColumnDirective field='ProductID' headerText='Product ID' textAlign="Right" width='120' />
+        <ColumnDirective field='CustomerName' headerText='Customer Name' width='160' />
+      </ColumnsDirective>
+      <Inject services={[Page, Sort, Filter, Group, LazyLoadGroup, Edit, Toolbar]} />
+      </GridComponent>
+  )
+}
+
+export default (App);

ej2-react/code-snippet/gantt/pdf-export-taskbar-template-cs1/1.png renamed to ej2-react/code-snippet/gantt/pdf-export-taskbar-template-cs1/images/Davolio Fuller.png

@@ -0,0 +1,77 @@
+export let lazyLoadData = [];
+export function createLazyLoadData() {
+    if (lazyLoadData.length) {
+        return;
+    }
+    let customerid = ['VINET', 'TOMSP', 'HANAR', 'VICTE', 'SUPRD', 'HANAR', 'CHOPS', 'RICSU', 'WELLI', 'HILAA',
+        'ERNSH', 'CENTC', 'OTTIK', 'QUEDE', 'RATTC', 'ERNSH', 'FOLKO', 'BLONP', 'WARTH', 'FRANK', 'GROSR', 'WHITC', 'WARTH',
+        'SPLIR', 'RATTC', 'QUICK', 'VINET', 'MAGAA', 'TORTU', 'MORGK', 'BERGS', 'LEHMS', 'BERGS', 'ROMEY', 'ROMEY', 'LILAS',
+        'LEHMS', 'QUICK', 'QUICK', 'RICAR', 'REGGC', 'BSBEV', 'COMMI', 'QUEDE', 'TRADH', 'TORTU', 'RATTC', 'VINET', 'LILAS',
+        'BLONP', 'HUNGO', 'RICAR', 'MAGAA', 'WANDK', 'SUPRD', 'GODOS', 'TORTU', 'OLDWO', 'ROMEY', 'LONEP', 'ANATR', 'HUNGO',
+        'THEBI', 'DUMON', 'WANDK', 'QUICK', 'RATTC', 'ISLAT', 'RATTC', 'LONEP', 'ISLAT', 'TORTU', 'WARTH', 'ISLAT', 'PERIC',
+        'KOENE', 'SAVEA', 'KOENE', 'BOLID', 'FOLKO', 'FURIB', 'SPLIR', 'LILAS', 'BONAP', 'MEREP', 'WARTH', 'VICTE',
+        'HUNGO', 'PRINI', 'FRANK', 'OLDWO', 'MEREP', 'BONAP', 'SIMOB', 'FRANK', 'LEHMS', 'WHITC', 'QUICK', 'RATTC', 'FAMIA'];
+
+    let product = ['Chai', 'Chang', 'Aniseed Syrup', 'Chef Anton\'s Cajun Seasoning', 'Chef Anton\'s Gumbo Mix',
+        'Grandma\'s Boysenberry Spread', 'Uncle Bob\'s Organic Dried Pears', 'Northwoods Cranberry Sauce', 'Mishi Kobe Niku',
+        'Ikura', 'Queso Cabrales', 'Queso Manchego La Pastora', 'Konbu', 'Tofu', 'Genen Shouyu', 'Pavlova', 'Alice Mutton',
+        'Carnarvon Tigers', 'Teatime Chocolate Biscuits', 'Sir Rodney\'s Marmalade', 'Sir Rodney\'s Scones',
+        'Gustaf\'s Knäckebröd', 'Tunnbröd', 'Guaraná Fantástica', 'NuNuCa Nuß-Nougat-Creme', 'Gumbär Gummibärchen',
+        'Schoggi Schokolade', 'Rössle Sauerkraut', 'Thüringer Rostbratwurst', 'Nord-Ost Matjeshering', 'Gorgonzola Telino',
+        'Mascarpone Fabioli', 'Geitost', 'Sasquatch Ale', 'Steeleye Stout', 'Inlagd Sill',
+        'Gravad lax', 'Côte de Blaye', 'Chartreuse verte', 'Boston Crab Meat', 'Jack\'s New England Clam Chowder',
+        'Singaporean Hokkien Fried Mee', 'Ipoh Coffee', 'Gula Malacca', 'Rogede sild', 'Spegesild', 'Zaanse koeken',
+        'Chocolade', 'Maxilaku', 'Valkoinen suklaa', 'Manjimup Dried Apples', 'Filo Mix', 'Perth Pasties',
+        'Tourtière', 'Pâté chinois', 'Gnocchi di nonna Alice', 'Ravioli Angelo', 'Escargots de Bourgogne',
+        'Raclette Courdavault', 'Camembert Pierrot', 'Sirop d\'érable',
+        'Tarte au sucre', 'Vegie-spread', 'Wimmers gute Semmelknödel', 'Louisiana Fiery Hot Pepper Sauce',
+        'Louisiana Hot Spiced Okra', 'Laughing Lumberjack Lager', 'Scottish Longbreads',
+        'Gudbrandsdalsost', 'Outback Lager', 'Flotemysost', 'Mozzarella di Giovanni', 'Röd Kaviar', 'Longlife Tofu',
+        'Rhönbräu Klosterbier', 'Lakkalikööri', 'Original Frankfurter grüne Soße'];
+
+    let customername = ['Maria', 'Ana Trujillo', 'Antonio Moreno', 'Thomas Hardy', 'Christina Berglund',
+        'Hanna Moos', 'Frédérique Citeaux', 'Martín Sommer', 'Laurence Lebihan', 'Elizabeth Lincoln',
+        'Victoria Ashworth', 'Patricio Simpson', 'Francisco Chang', 'Yang Wang', 'Pedro Afonso', 'Elizabeth Brown',
+        'Sven Ottlieb', 'Janine Labrune', 'Ann Devon', 'Roland Mendel', 'Aria Cruz', 'Diego Roel',
+        'Martine Rancé', 'Maria Larsson', 'Peter Franken', 'Carine Schmitt', 'Paolo Accorti', 'Lino Rodriguez',
+        'Eduardo Saavedra', 'José Pedro Freyre', 'André Fonseca', 'Howard Snyder', 'Manuel Pereira',
+        'Mario Pontes', 'Carlos Hernández', 'Yoshi Latimer', 'Patricia McKenna', 'Helen Bennett', 'Philip Cramer',
+        'Daniel Tonini', 'Annette Roulet', 'Yoshi Tannamuri', 'John Steel', 'Renate Messner', 'Jaime Yorres',
+        'Carlos González', 'Felipe Izquierdo', 'Fran Wilson', 'Giovanni Rovelli', 'Catherine Dewey', 'Jean Fresnière',
+        'Alexander Feuer', 'Simon Crowther', 'Yvonne Moncada', 'Rene Phillips', 'Henriette Pfalzheim',
+        'Marie Bertrand', 'Guillermo Fernández', 'Georg Pipps', 'Isabel de Castro', 'Bernardo Batista', 'Lúcia Carvalho',
+        'Horst Kloss', 'Sergio Gutiérrez', 'Paula Wilson', 'Maurizio Moroni', 'Janete Limeira', 'Michael Holz',
+        'Alejandra Camino', 'Jonas Bergulfsen', 'Jose Pavarotti', 'Hari Kumar', 'Jytte Petersen', 'Dominique Perrier',
+        'Art Braunschweiger', 'Pascale Cartrain', 'Liz Nixon', 'Liu Wong', 'Karin Josephs', 'Miguel Angel Paolino',
+        'Anabela Domingues', 'Helvetius Nagy', 'Palle Ibsen', 'Mary Saveley', 'Paul Henriot', 'Rita Müller',
+        'Pirkko Koskitalo', 'Paula Parente', 'Karl Jablonski', 'Matti Karttunen', 'Zbyszek Piestrzeniewicz'];
+
+    let customeraddress = ['507 - 20th Ave. E.\r\nApt. 2A', '908 W. Capital Way', '722 Moss Bay Blvd.',
+        '4110 Old Redmond Rd.', '14 Garrett Hill', 'Coventry House\r\nMiner Rd.', 'Edgeham Hollow\r\nWinchester Way',
+        '4726 - 11th Ave. N.E.', '7 Houndstooth Rd.', '59 rue de l\'Abbaye', 'Luisenstr. 48', '908 W. Capital Way',
+        '722 Moss Bay Blvd.', '4110 Old Redmond Rd.', '14 Garrett Hill', 'Coventry House\r\nMiner Rd.',
+        'Edgeham Hollow\r\nWinchester Way',
+        '7 Houndstooth Rd.', '2817 Milton Dr.', 'Kirchgasse 6', 'Sierras de Granada 9993', 'Mehrheimerstr. 369',
+        'Rua da Panificadora, 12', '2817 Milton Dr.', 'Mehrheimerstr. 369'];
+
+    let quantityperunit = ['10 boxes x 20 bags', '24 - 12 oz bottles', '12 - 550 ml bottles',
+        '48 - 6 oz jars', '36 boxes', '12 - 8 oz jars', '12 - 1 lb pkgs.', '12 - 12 oz jars',
+        '18 - 500 g pkgs.', '12 - 200 ml jars',
+        '1 kg pkg.', '10 - 500 g pkgs.', '2 kg box', '40 - 100 g pkgs.', '24 - 250 ml bottles', '32 - 500 g boxes',
+        '20 - 1 kg tins', '16 kg pkg.', '10 boxes x 12 pieces', '30 gift boxes', '24 pkgs. x 4 pieces', '24 - 500 g pkgs.',
+        '12 - 250 g pkgs.',
+        '12 - 355 ml cans', '20 - 450 g glasses', '100 - 250 g bags'];
+
+    let orderID = 10248;
+    for (let i = 0; i < 20000; i++) {
+        lazyLoadData.push({
+            'OrderID': orderID + i,
+            'CustomerID': customerid[Math.floor(Math.random() * customerid.length)],
+            'CustomerName': customername[Math.floor(Math.random() * customername.length)],
+            'CustomerAddress': customeraddress[Math.floor(Math.random() * customeraddress.length)],
+            'ProductName': product[Math.floor(Math.random() * product.length)],
+            'ProductID': i,
+            'Quantity': quantityperunit[Math.floor(Math.random() * quantityperunit.length)]
+        });
+    }
+}

ej2-react/code-snippet/gantt/pdf-export-taskbar-template-cs1/images/Duration.png

@@ -0,0 +1,77 @@
+export let lazyLoadData: Object[] = [];
+export function createLazyLoadData(): void {
+    if (lazyLoadData.length) {
+        return;
+    }
+    let customerid: string[] = ['VINET', 'TOMSP', 'HANAR', 'VICTE', 'SUPRD', 'HANAR', 'CHOPS', 'RICSU', 'WELLI', 'HILAA',
+        'ERNSH', 'CENTC', 'OTTIK', 'QUEDE', 'RATTC', 'ERNSH', 'FOLKO', 'BLONP', 'WARTH', 'FRANK', 'GROSR', 'WHITC', 'WARTH',
+        'SPLIR', 'RATTC', 'QUICK', 'VINET', 'MAGAA', 'TORTU', 'MORGK', 'BERGS', 'LEHMS', 'BERGS', 'ROMEY', 'ROMEY', 'LILAS',
+        'LEHMS', 'QUICK', 'QUICK', 'RICAR', 'REGGC', 'BSBEV', 'COMMI', 'QUEDE', 'TRADH', 'TORTU', 'RATTC', 'VINET', 'LILAS',
+        'BLONP', 'HUNGO', 'RICAR', 'MAGAA', 'WANDK', 'SUPRD', 'GODOS', 'TORTU', 'OLDWO', 'ROMEY', 'LONEP', 'ANATR', 'HUNGO',
+        'THEBI', 'DUMON', 'WANDK', 'QUICK', 'RATTC', 'ISLAT', 'RATTC', 'LONEP', 'ISLAT', 'TORTU', 'WARTH', 'ISLAT', 'PERIC',
+        'KOENE', 'SAVEA', 'KOENE', 'BOLID', 'FOLKO', 'FURIB', 'SPLIR', 'LILAS', 'BONAP', 'MEREP', 'WARTH', 'VICTE',
+        'HUNGO', 'PRINI', 'FRANK', 'OLDWO', 'MEREP', 'BONAP', 'SIMOB', 'FRANK', 'LEHMS', 'WHITC', 'QUICK', 'RATTC', 'FAMIA'];
+
+    let product: string[] = ['Chai', 'Chang', 'Aniseed Syrup', 'Chef Anton\'s Cajun Seasoning', 'Chef Anton\'s Gumbo Mix',
+        'Grandma\'s Boysenberry Spread', 'Uncle Bob\'s Organic Dried Pears', 'Northwoods Cranberry Sauce', 'Mishi Kobe Niku',
+        'Ikura', 'Queso Cabrales', 'Queso Manchego La Pastora', 'Konbu', 'Tofu', 'Genen Shouyu', 'Pavlova', 'Alice Mutton',
+        'Carnarvon Tigers', 'Teatime Chocolate Biscuits', 'Sir Rodney\'s Marmalade', 'Sir Rodney\'s Scones',
+        'Gustaf\'s Knäckebröd', 'Tunnbröd', 'Guaraná Fantástica', 'NuNuCa Nuß-Nougat-Creme', 'Gumbär Gummibärchen',
+        'Schoggi Schokolade', 'Rössle Sauerkraut', 'Thüringer Rostbratwurst', 'Nord-Ost Matjeshering', 'Gorgonzola Telino',
+        'Mascarpone Fabioli', 'Geitost', 'Sasquatch Ale', 'Steeleye Stout', 'Inlagd Sill',
+        'Gravad lax', 'Côte de Blaye', 'Chartreuse verte', 'Boston Crab Meat', 'Jack\'s New England Clam Chowder',
+        'Singaporean Hokkien Fried Mee', 'Ipoh Coffee', 'Gula Malacca', 'Rogede sild', 'Spegesild', 'Zaanse koeken',
+        'Chocolade', 'Maxilaku', 'Valkoinen suklaa', 'Manjimup Dried Apples', 'Filo Mix', 'Perth Pasties',
+        'Tourtière', 'Pâté chinois', 'Gnocchi di nonna Alice', 'Ravioli Angelo', 'Escargots de Bourgogne',
+        'Raclette Courdavault', 'Camembert Pierrot', 'Sirop d\'érable',
+        'Tarte au sucre', 'Vegie-spread', 'Wimmers gute Semmelknödel', 'Louisiana Fiery Hot Pepper Sauce',
+        'Louisiana Hot Spiced Okra', 'Laughing Lumberjack Lager', 'Scottish Longbreads',
+        'Gudbrandsdalsost', 'Outback Lager', 'Flotemysost', 'Mozzarella di Giovanni', 'Röd Kaviar', 'Longlife Tofu',
+        'Rhönbräu Klosterbier', 'Lakkalikööri', 'Original Frankfurter grüne Soße'];
+
+    let customername: string[] = ['Maria', 'Ana Trujillo', 'Antonio Moreno', 'Thomas Hardy', 'Christina Berglund',
+        'Hanna Moos', 'Frédérique Citeaux', 'Martín Sommer', 'Laurence Lebihan', 'Elizabeth Lincoln',
+        'Victoria Ashworth', 'Patricio Simpson', 'Francisco Chang', 'Yang Wang', 'Pedro Afonso', 'Elizabeth Brown',
+        'Sven Ottlieb', 'Janine Labrune', 'Ann Devon', 'Roland Mendel', 'Aria Cruz', 'Diego Roel',
+        'Martine Rancé', 'Maria Larsson', 'Peter Franken', 'Carine Schmitt', 'Paolo Accorti', 'Lino Rodriguez',
+        'Eduardo Saavedra', 'José Pedro Freyre', 'André Fonseca', 'Howard Snyder', 'Manuel Pereira',
+        'Mario Pontes', 'Carlos Hernández', 'Yoshi Latimer', 'Patricia McKenna', 'Helen Bennett', 'Philip Cramer',
+        'Daniel Tonini', 'Annette Roulet', 'Yoshi Tannamuri', 'John Steel', 'Renate Messner', 'Jaime Yorres',
+        'Carlos González', 'Felipe Izquierdo', 'Fran Wilson', 'Giovanni Rovelli', 'Catherine Dewey', 'Jean Fresnière',
+        'Alexander Feuer', 'Simon Crowther', 'Yvonne Moncada', 'Rene Phillips', 'Henriette Pfalzheim',
+        'Marie Bertrand', 'Guillermo Fernández', 'Georg Pipps', 'Isabel de Castro', 'Bernardo Batista', 'Lúcia Carvalho',
+        'Horst Kloss', 'Sergio Gutiérrez', 'Paula Wilson', 'Maurizio Moroni', 'Janete Limeira', 'Michael Holz',
+        'Alejandra Camino', 'Jonas Bergulfsen', 'Jose Pavarotti', 'Hari Kumar', 'Jytte Petersen', 'Dominique Perrier',
+        'Art Braunschweiger', 'Pascale Cartrain', 'Liz Nixon', 'Liu Wong', 'Karin Josephs', 'Miguel Angel Paolino',
+        'Anabela Domingues', 'Helvetius Nagy', 'Palle Ibsen', 'Mary Saveley', 'Paul Henriot', 'Rita Müller',
+        'Pirkko Koskitalo', 'Paula Parente', 'Karl Jablonski', 'Matti Karttunen', 'Zbyszek Piestrzeniewicz'];
+
+    let customeraddress: string[] = ['507 - 20th Ave. E.\r\nApt. 2A', '908 W. Capital Way', '722 Moss Bay Blvd.',
+        '4110 Old Redmond Rd.', '14 Garrett Hill', 'Coventry House\r\nMiner Rd.', 'Edgeham Hollow\r\nWinchester Way',
+        '4726 - 11th Ave. N.E.', '7 Houndstooth Rd.', '59 rue de l\'Abbaye', 'Luisenstr. 48', '908 W. Capital Way',
+        '722 Moss Bay Blvd.', '4110 Old Redmond Rd.', '14 Garrett Hill', 'Coventry House\r\nMiner Rd.',
+        'Edgeham Hollow\r\nWinchester Way',
+        '7 Houndstooth Rd.', '2817 Milton Dr.', 'Kirchgasse 6', 'Sierras de Granada 9993', 'Mehrheimerstr. 369',
+        'Rua da Panificadora, 12', '2817 Milton Dr.', 'Mehrheimerstr. 369'];
+
+    let quantityperunit: string[] = ['10 boxes x 20 bags', '24 - 12 oz bottles', '12 - 550 ml bottles',
+        '48 - 6 oz jars', '36 boxes', '12 - 8 oz jars', '12 - 1 lb pkgs.', '12 - 12 oz jars',
+        '18 - 500 g pkgs.', '12 - 200 ml jars',
+        '1 kg pkg.', '10 - 500 g pkgs.', '2 kg box', '40 - 100 g pkgs.', '24 - 250 ml bottles', '32 - 500 g boxes',
+        '20 - 1 kg tins', '16 kg pkg.', '10 boxes x 12 pieces', '30 gift boxes', '24 pkgs. x 4 pieces', '24 - 500 g pkgs.',
+        '12 - 250 g pkgs.',
+        '12 - 355 ml cans', '20 - 450 g glasses', '100 - 250 g bags'];
+
+    let orderID: number = 10248;
+    for (let i: number = 0; i < 20000; i++) {
+        lazyLoadData.push({
+            'OrderID': orderID + i,
+            'CustomerID': customerid[Math.floor(Math.random() * customerid.length)],
+            'CustomerName': customername[Math.floor(Math.random() * customername.length)],
+            'CustomerAddress': customeraddress[Math.floor(Math.random() * customeraddress.length)],
+            'ProductName': product[Math.floor(Math.random() * product.length)],
+            'ProductID': i,
+            'Quantity': quantityperunit[Math.floor(Math.random() * quantityperunit.length)]
+        });
+    }
+}

ej2-react/code-snippet/gantt/pdf-export-taskbar-template-cs1/images/DurationDark.png

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import App  from './App';
+
+ReactDOM.render(<App />, document.getElementById('root'));

ej2-react/code-snippet/gantt/pdf-export-taskbar-template-cs1/8.png renamed to ej2-react/code-snippet/gantt/pdf-export-taskbar-template-cs1/images/Fuller Buchanan.png

@@ -0,0 +1,30 @@
+import { Query } from "@syncfusion/ej2-data";
+
+export const Grid_FetchData = "Grid_FetchData";
+export const Grid_Add = "Grid_Add";
+export const Grid_Delete = "Grid_Delete";
+export const Grid_Editing = "Grid_Editing";
+
+export const fetchData = (state, query) => ({
+    type: "Grid_FetchData",
+    payload: state,
+    gridQuery: query
+});
+
+export const addRow = (state, query) => ({
+    type: "Grid_Add",
+    payload: state,
+    gridQuery: query
+});
+
+export const deleteRow = (state, query) => ({
+    type: "Grid_Delete",
+    payload: state,
+    gridQuery: query
+});
+
+export const updateRow = (state, query) => ({
+    type: "Grid_Editing",
+    payload: state,
+    gridQuery: query
+});