Search results

Members

dataSources

array

Gets or sets the list of data sources for the RDLC report.

Default Value

  • []

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").ejReportViewer({ dataSources: [{name:"Menu Items",
    values:[{ OrderId: "21D60", FoodName: "Burger", Price: 20, Category: "Veg" },
            { OrderId: "21D61", FoodName: "Pizza", Price: 25, Category: "Non-Veg" },
            { OrderId: "21D63", FoodName: "Sandwiches", Price: 30, Category: "Non-Veg" },
            { OrderId: "21D65", FoodName: "Chicken Drum Sticks", Price: 23, Category: "Non-Veg" },
            { OrderId: "21D64", FoodName: "Fulka", Price: 15, Category: "Veg" }]}]
    });
    </script>

enablePageCache

boolean

Enables or disables the page cache of report.

Default Value

  • false

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").ejReportViewer({ enablePageCache: false });
</script>

exportSettings

exportSettings

Specifies the export settings.

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").ejReportViewer(
        {
            exportSettings:{ excelFormat: ej.ReportViewer.ExcelFormats.Excel97to2003,
            wordFormat: ej.ReportViewer.WordFormats.Doc
            }
        });
</script>

isResponsive

boolean

When set to true, adapts the report layout to fit the screen size of devices on which it renders.

Default Value

  • true

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").ejReportViewer({ isResponsive: true });
</script>

locale

number

Specifies the locale for report viewer.

Default Value

  • “en-US”

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").ejReportViewer(
        {
            locale: "it-IT"
        });
</script>

pageSettings

pageSettings

Specifies the page settings.

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").ejReportViewer(
        {
            pageSettings:{ paperSize: ej.ReportViewer.PaperSize.A4,
            height: 11.69,
            width: 8.27
            }
        });
</script>

parameters

parameters

Gets or sets the list of parameters associated with the report.

Default Value

  • []

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").ejReportViewer({
        parameters: [{
            name:"Vehicle",
            labels:["Motor Bikes"],
            prompt:"Please select the color",
            values:["Red","Green","Blue","Yellow","Black"],
            nullable:false
        }]
    });
</script>

toolbarSettings

toolbarSettings

Specifies the toolbar settings.

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").ejReportViewer(
        {
            toolbarSettings:{ showTooltip: true }
        });
</script>

parameterSettings

parameterSettings

Specifies the parameter settings.

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").ejReportViewer(
        {
            parameterSettings: {
                delimiterChar: ",",
                popupHeight: "200px",
                popupWidth: "150px",
                itemWidth: '250px',
                labelWidth: 'auto'
            }
        });
</script>

printMode

boolean

Enables and disables the print mode.

Default Value

  • false

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").ejReportViewer(
        {
            printMode:true
        });
</script>

printOption

enum

<ts name = "ej.ReportViewer.PrintOptions"/>

Specifies the print option of the report.

Name Description
Default Specifies the Default property in printOptions.
NewTab Specifies the NewTab property in printOptions.
None Specifies the None property in printOptions.

Default Value

  • ej.ReportViewer.PrintOptions.Default

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").ejReportViewer({ printOption: ej.ReportViewer.PrintOptions.Default });
</script>

processingMode

enum

<ts name = "ej.ReportViewer.ProcessingMode"/>

Specifies the processing mode of the report.

Name Description
Remote Specifies the Remote property in processingMode.
Local Specifies the Local property in processingMode.

Default Value

  • ej.ReportViewer.ProcessingMode.Remote

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").ejReportViewer({ processingMode: ej.ReportViewer.ProcessingMode.Remote });
</script>

renderMode

enum

<ts name = "ej.ReportViewer.RenderMode"/>

Specifies the render layout.

Name Description
Default Specifies the Default property in RenderMode to get default output.
Mobile Specifies the Mobile property in RenderMode to get specified output.
Desktop Specifies the Desktop property in RenderMode to get specified output.

Default Value

  • ej.ReportViewer.RenderMode.Default

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").ejReportViewer({ renderMode: ej.ReportViewer.RenderMode.Default });
</script>

reportPath

string

Gets or sets the path of the report file.

Default Value

  • empty

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").ejReportViewer({ reportPath: "~/App_Data/Sample.rdl" });
</script>

reportServerUrl

string

Gets or sets the reports server URL.

Default Value

  • empty

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").ejReportViewer({ reportServerUrl: "http://mvc.syncfusion.com/reportserver" });
</script>

reportServiceUrl

string

Specifies the report Web API service URL.

Default Value

  • empty

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").ejReportViewer({ reportServiceUrl: "../api/RDLReport" });
</script>

zoomFactor

number

Gets or sets the zoom factor for report viewer.

Default Value

  • 1

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").ejReportViewer({ zoomFactor:  2 });
</script>

serviceAuthorizationToken

string

Specifies the token for authorizing reporting service URL to process the reports.

Default Value

  • empty

Example

<div id="report viewer"></div>
<script>
    $(function () {
            var dataValue = "";
            var apiRequest = new Object();
            apiRequest.password = "demo";
            apiRequest.userid = "guest";
            $.ajax({
                type: "POST",
                url: "http://reportserver.syncfusion.com/api/get-user-key",
                data: apiRequest,
                success: function (data) {
                    dataValue = data.Token;
                    var token = JSON.parse(dataValue);
                    $("#report viewer").ejReportViewer(
                        {
                            reportServiceUrl: "http://reportserver.syncfusion.com/ReportService/api/Viewer",
                            serviceAuthorizationToken: token["token_type"] + " " + token["access_token"],
                            reportPath: '/Sample Reports/Company Sales'
                        });
                }
            });
        });
</script>

enableParameterBlockScroller

boolean

Enables and disables the parameter block scroller.

Default Value

  • true

Example

<div id="report viewer"></div>
<script>
    $("#report viewer").ejReportViewer(
        {
            enableParameterBlockScroller: false
        });
</script>

enableDatasourceBlockScroller

boolean

Enables and disables the data source credential block scroller.

Default Value

  • true

Example

<div id="report viewer"></div>
<script>
    $("#report viewer").ejReportViewer(
        {
            enableDatasourceBlockScroller: false
        });
</script>

sizeToReportContent

boolean

Render the Report Viewer height based on the report content size.

Default Value

  • false

Example

<div id="report viewer"></div>
<script>
    $("#report viewer").ejReportViewer(
        {
            sizeToReportContent: true
        });
</script>

autoRender

boolean

Enables and disables the rendering of Viewer when default values are specified for the parameters.

Default Value

  • true

Example

<div id="report viewer"></div>
<script>
    $("#report viewer").ejReportViewer(
        {
            autoRender: false
        });
</script>

enableNotificationBar

boolean

Enables and disables the Error Notification bar.

Default Value

  • true

Example

<div id="report viewer"></div>
<script>
    $("#report viewer").ejReportViewer(
        {
            enableNotificationBar: false
        });
</script>

enableDropDownSearch

boolean

Enables and disables the drop-down parameter search.

Default Value

  • false

Example

<div id="report viewer"></div>
<script>
    $("#report viewer").ejReportViewer(
        {
            enableDropDownSearch: true
        });
</script>

enablePageVirtualization

boolean

Enables and disables the page virtualization.

Default Value

  • false

Example

<div id="report viewer"></div>
<script>
    $("#report viewer").ejReportViewer(
        {
            enablePageVirtualization: true
        });
</script>