how to pdf export ?

Error Massage

ej2.min.js:10Uncaught (in promise)

1. defaultMargin: 40
2. document: t {isStreamCopied: false, defaultMargin: 40, streamWriter: null, document: t, objects: e, …}
3. documentPageCollection: e {pdfPageCollectionIndex: e, document: t}
4. isStreamCopied: false
5. objects: e {objectCollections: Array(1), mainObjectCollection: e, primitiveObjectCollection: e, index: 0}
6. pdfCatalog: t {position7: -1, primitiveItems: e, prefix: '<<', suffix: '>>', resources: Array(0), …}
7. pdfCrossTable: e {objects: e, maxGenNumIndex: 0, objectCount: 0, dictionaryProperties: {…}, merging: false, …}
8. sectionCollection: e {sections: Array(1), dictionaryProperties: {…}, pdfDocument: t, sectionCount: e, sectionCollection: e, …}
9. settings: e {pageMargins: e, pageSize: {…}, rotateAngle: 0, pageOrientation: 0, pageOrigin: {…}, …}
10. streamWriter: null
11. catalog: (...)
12. colorSpace: (...)
13. crossTable: (...)
14. currentSavingObj: (...)
15. pageSettings: (...)
16. pages: (...)
17. pdfObjects: (...)
18. sections: (...)
19. template: (...)
20. [[Prototype]]: e

Hi Mithun,

To address a common issue faced when attempting to export data to PDF using the Syncfusion EJ2 Grid component in an ASP.NET application.

Check Required Scripts and Styles: Ensure that all necessary Syncfusion EJ2 scripts and styles are included in your project. The PDF export functionality requires certain dependencies, such as pdfmake, jszip, and other Syncfusion scripts.

Modify the PDF Export Function: The PdfExport function might need adjustments to correctly handle grouping and other settings. Here’s an updated version of your PdfExport function:

function PdfExport() {
    const gridObj = document.getElementById("GridFilteredInstrumentSampleData").ej2_instances[0];
    const pdfExportProperties = {
        fileName: "RadGridExport.pdf",
        allowGrouping: true, // Ensure grouping is enabled during export
        groupSettings: { columns: gridObj.groupModule.groupSettings.columns }, // Corrected group settings
        theme: {
            header: {
                fontColor: '#000000',
                fontName: 'Calibri',
                fontSize: 8,
                bold: true,
                fillColor: '#CCCCCC'
            },
            record: {
                fontColor: '#000000',
                fontName: 'Calibri',
                fontSize: 8
            }
        },
        columns: [
            { field: 'FacilityName', headerText: 'Facility Name', width: 60 },
            { field: 'InstrumentName', headerText: 'Instrument Name', width: 80 },
            { field: 'NumberOfSample', headerText: 'No. Of Samples', width: 60 },
            { field: 'RequisitionStatus', headerText: 'Requisition Status', width: 80 },
            { field: 'CreatedOn', headerText: 'CreatedOn', width: 60, format: { type: 'date', format: 'dd-MM-yyyy' } }
        ],
        allowPageBreaks: true,
        pageSize: 'A4',
        pageOrientation: 'Portrait',
        height: 'auto'
    };
    gridObj.pdfExport(pdfExportProperties);
}

Ensure Correct Grouping Settings: The groupSettings in the pdfExportProperties should be properly set to handle the current grouping in the grid. The code above has been adjusted to use groupModule.groupSettings.columns.

Update Syncfusion and Dependencies: Ensure that you are using the latest version of Syncfusion EJ2 and other related libraries like pdfmake. Compatibility issues can sometimes cause export functions to fail.

Check for JavaScript Errors: Open your browser’s developer tools (usually by pressing F12) and check for any JavaScript errors in the console that might provide more information on what’s going wrong.

Verify Server-Side Configuration: Ensure that your server-side configuration allows for file exports. This includes checking permissions and ensuring that the server environment supports the generation and serving of PDF files.

Conclusion:
By following these steps, you should be able to resolve the issue with PDF export in the Syncfusion EJ2 Grid. The key is ensuring that all necessary scripts are included, the export properties are correctly configured, and that the server environment is properly set up to handle PDF exports.

Error Massage

ej2.min.js:10Uncaught (in promise)

1. defaultMargin: 40
2. document: t {isStreamCopied: false, defaultMargin: 40, streamWriter: null, document: t, objects: e, …}
3. documentPageCollection: e {pdfPageCollectionIndex: e, document: t}
4. isStreamCopied: false
5. objects: e {objectCollections: Array(1), mainObjectCollection: e, primitiveObjectCollection: e, index: 0}
6. pdfCatalog: t {position7: -1, primitiveItems: e, prefix: '<<', suffix: '>>', resources: Array(0), …}
7. pdfCrossTable: e {objects: e, maxGenNumIndex: 0, objectCount: 0, dictionaryProperties: {…}, merging: false, …}
8. sectionCollection: e {sections: Array(1), dictionaryProperties: {…}, pdfDocument: t, sectionCount: e, sectionCollection: e, …}
9. settings: e {pageMargins: e, pageSize: {…}, rotateAngle: 0, pageOrientation: 0, pageOrigin: {…}, …}
10. streamWriter: null
11. catalog: (...)
12. colorSpace: (...)
13. crossTable: (...)
14. currentSavingObj: (...)
15. pageSettings: (...)
16. pages: (...)
17. pdfObjects: (...)
18. sections: (...)
19. template: (...)
20. [[Prototype]]: e

To resolve the issue where the PDF export is not working in your ejs-grid, let's review and adjust your code. The issue might stem from either the grid configuration or the JavaScript logic for exporting the PDF.

Steps to Resolve the Issue:

1. Ensure the Required Scripts Are Included: Make sure that all necessary scripts for PDF export are included in your page, especially ej2.min.js and pdf-export.min.js.

2. Verify the Grid ID: Ensure that the GridFilteredInstrumentSampleData ID is correct and matches what you're referencing in your JavaScript.

3. Correct the PDF Export Code: Let's refine the PdfExport function to ensure everything is correctly configured.

Here's an updated version of your JavaScript:

Key Adjustments:

1. Theme Configuration: Updated the theme settings to ensure consistency across all exported documents.
2. Column Widths: Increased the widths for better visibility in the PDF.
3. PDF Export Properties: Verified that all necessary export properties are correctly set.

Additional Checks:

• Console Errors: If the export still doesn't work, check your browser's developer console (F12) for any JavaScript errors.
• Dependencies: Ensure all dependencies for Syncfusion's PDF export are correctly loaded in your project.

If after these adjustments the issue persists, please share any error messages or behavior you observe during the PDF export attempt.