How to resolve the Syncfusion® components undefined issue when using the Bold Reporting components

To resolve the Syncfusion® components undefined issue with Bold Reporting components, reference bold.reports.common.min.js and bold.reports.widgets.min.js correctly, and initialize EJ2 components with ejs. The following sections explain both scenarios.

Which Bold Reports® scripts must I reference?

Reference both bold.reports.common.min.js and bold.reports.widgets.min.js within your Bold Reports® application. If either script is not properly referenced, the Syncfusion® components undefined issue can occur. EJ1 undefined

How do I use Bold Reports® along with EJ2 components?

To use EJ2 components with Bold Reports®, initialize the EJ2 components with the ejs reference. Bold Reports® uses the Syncfusion® EJ1 components internally, and those components use ej as the reference.

For example, if you are using the EJ2 grid component along with Bold Reports®, then you need to initialize the grid component using the following code sample.

var grid = new ejs.grids.Grid({dataSource: data});

EJ2 undefined

See also