Gets or sets the list of data sources for the RDLC report.
Defaults to []
Example
<div id="reportviewer"></div>
<script>
$("#reportviewer").boldReportViewer({ 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>Specifies the export settings.
Example
<div id="reportviewer"></div>
<script>
$("#reportviewer").boldReportViewer(
{
exportSettings:{ excelFormat: ej.ReportViewer.ExcelFormats.Excel2013,
wordFormat: ej.ReportViewer.WordFormats.Docx
}
});
</script> boolean
When set to true, adapts the report layout to fit the screen size of devices on which it renders.
Defaults to true
Example
<div id="reportviewer"></div>
<script>
$("#reportviewer").boldReportViewer({ isResponsive: true });
</script> string
Specifies the locale for report viewer.
Defaults to en-US
Example
<div id="reportviewer"></div>
<script>
$("#reportviewer").boldReportViewer(
{
locale: "it-IT"
});
</script>Specifies the page settings.
Example
<div id="reportviewer"></div>
<script>
$("#reportviewer").boldReportViewer(
{
pageSettings:{ paperSize: ej.ReportViewer.PaperSize.A4,
height: 11.69,
width: 8.27
}
});
</script>Gets or sets the list of parameters associated with the report.
Defaults to []
Example
<div id="reportviewer"></div>
<script>
$("#reportviewer").boldReportViewer({
parameters: [{
name:"Vehicle",
labels:["Motor Bikes"],
prompt:"Please select the color",
values:["Red","Green","Blue","Yellow","Black"],
nullable:false
}]
});
</script> object
Gets or sets the list of extended attributes associated with the report.
Defaults to null
Example
<div id="reportviewer"></div>
<script>
$("#reportviewer").boldReportViewer({
extendedAttributes: {
"ExtendedAttributeName":"ExtendedAttributeValue"
}
});
</script>Specifies the toolbar settings.
Example
<div id="reportviewer"></div>
<script>
$("#reportviewer").boldReportViewer(
{
toolbarSettings:{ showTooltip: true }
});
</script>Specifies the parameter settings.
Example
<div id="reportviewer"></div>
<script>
$("#reportviewer").boldReportViewer(
{
parameterSettings: {
delimiterChar: ",",
popupHeight: "200px",
popupWidth: "150px",
itemWidth: '250px',
labelWidth: 'auto',
attributes: { 'autocomplete': 'off' },
hideParameterBlock: false,
timeDisplayFormat: "h:mm tt",
dateTimeFormat: "M/d/yyyy",
timeInterval: 30,
accessInternalValue: true
}
});
</script> boolean
Enables and disables the print mode.
Defaults to false
Example
<div id="reportviewer"></div>
<script>
$("#reportviewer").boldReportViewer(
{
printMode:true
});
</script> enum
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. |
Defaults to ej.ReportViewer.PrintOptions.Default
Example
<div id="reportviewer"></div>
<script>
$("#reportviewer").boldReportViewer({ printOption: ej.ReportViewer.PrintOptions.Default });
</script> enum
Specifies the processing mode of the report.
| Name | Description |
|---|---|
| Remote | Specifies the Remote property in processingMode. |
| Local | Specifies the Local property in processingMode. |
Defaults to ej.ReportViewer.ProcessingMode.Remote
Example
<div id="reportviewer"></div>
<script>
$("#reportviewer").boldReportViewer({ processingMode: ej.ReportViewer.ProcessingMode.Remote });
</script> enum
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. |
Defaults to ej.ReportViewer.RenderMode.Default
Example
<div id="reportviewer"></div>
<script>
$("#reportviewer").boldReportViewer({ renderMode: ej.ReportViewer.RenderMode.Default });
</script> string
Gets or sets the path of the report file.
Defaults to empty
Example
<div id="reportviewer"></div>
<script>
$("#reportviewer").boldReportViewer({ reportPath: "~/App_Data/Sample.rdl" });
</script> string
Gets or sets the reports server URL.
Defaults to empty
Example
<div id="reportviewer"></div>
<script>
$("#reportviewer").boldReportViewer({ reportServerUrl: "http://mvc.syncfusion.com/reportserver" });
</script> string
Specifies the report Web API service URL.
Defaults to empty
Example
<div id="reportviewer"></div>
<script>
$("#reportviewer").boldReportViewer({ reportServiceUrl: "../api/RDLReport" });
</script> number
Gets or sets the zoom factor for report viewer.
Defaults to 1
Example
<div id="reportviewer"></div>
<script>
$("#reportviewer").boldReportViewer({ zoomFactor: 2 });
</script> string
Specifies the token for authorizing reporting service URL to process the reports.
Defaults to 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").boldReportViewer(
{
reportServiceUrl: "http://reportserver.syncfusion.com/ReportService/api/Viewer",
serviceAuthorizationToken: token["token_type"] + " " + token["access_token"],
reportPath: '/Sample Reports/Company Sales'
});
}
});
});
</script> string
Specifies the token that contains authorization token, report parameters, custom attributes and user information to process the reports.
Defaults to empty
Example
<div id="report-viewer"></div>
<script>
$(function () {
var apiRequest = new Object();
apiRequest.grant_type = "embed_token";
apiRequest.ReportServerUser = "[email protected]";
apiRequest.CustomAttributes=[{
Key:"AttributeKey",
Value:"AttributeValue"
}];
apiRequest.Parameters=[
{
Key: "parameterName",
Values:["value1", "value2"]
}
]
$.ajax({
type: "POST",
url: "http://reportserver.syncfusion.com/reporting/api/site/site1/token",
data: apiRequest,
success: function (data) {
$("#report-viewer").boldReportViewer(
{
reportServiceUrl: "http://reportserver.syncfusion.com/ReportService/api/Viewer",
embedToken: data.access_token
});
}
});
});
</script> enum
Specifies the toolbar render mode of the report.
| Name | Description |
|---|---|
| Native | Specifies the Native property in toolbarRenderMode. |
| Classic | Specifies the Classic property in toolbarRenderMode. |
Defaults to ej.ReportViewer.ToolbarRenderMode.Native
Example
<div id="reportviewer"></div>
<script>
$("#reportviewer").boldReportViewer({ toolbarRenderMode: ej.ReportViewer.ToolbarRenderMode.Classic });
</script> boolean
Enables and disables the parameter block scroller.
Defaults to true
Example
<div id="report-viewer"></div>
<script>
$("#report-viewer").boldReportViewer(
{
enableParameterBlockScroller: false
});
</script> boolean
Enables and disables the data source credential block scroller.
Defaults to true
Example
<div id="report-viewer"></div>
<script>
$("#report-viewer").boldReportViewer(
{
enableDatasourceBlockScroller: false
});
</script> boolean
Render the Report Viewer height based on the report content size.
Defaults to false
Example
<div id="report-viewer"></div>
<script>
$("#report-viewer").boldReportViewer(
{
sizeToReportContent: true
});
</script> boolean
Enables and disables the rendering of Viewer when default values are specified for the parameters.
Defaults to true
Example
<div id="report-viewer"></div>
<script>
$("#report-viewer").boldReportViewer(
{
autoRender: false
});
</script> boolean
Enables and disables the Error Notification bar.
Defaults to true
Example
<div id="report-viewer"></div>
<script>
$("#report-viewer").boldReportViewer(
{
enableNotificationBar: false
});
</script> boolean
Enables and disables the drop-down parameter search.
Defaults to false
Example
<div id="report-viewer"></div>
<script>
$("#report-viewer").boldReportViewer(
{
enableDropDownSearch: true
});
</script> boolean
Set the property value as true to enable the processing of a large amount of data with a lesser memory footprint and without performance degradation.
Defaults to false
Example
<div id="report-viewer"></div>
<script>
$("#report-viewer").boldReportViewer(
{
enableVirtualEvaluation: true
});
</script> boolean
Set the property value as true to enable to render the millions of records in seconds.
Defaults to false
Example
<div id="report-viewer"></div>
<script>
$("#report-viewer").boldReportViewer(
{
smartRendering: true
});
</script> String
Gets or sets the waiting popup template for the Report viewer.
Defaults to null
Example
<div id="report-viewer"></div>
<script>
$("#report-viewer").boldReportViewer(
{
waitingPopupTemplate: '<div id="customLoadingtemplate" style="background-image:url(https://js.syncfusion.com/demos/web/content/images/waitingpopup/load_light.gif); width: 200px; height: 15px"><p>Loading report... </p></div>'
});
</script> boolean
Set the property value as true to enable the processing of a navigating next and previous page using scroller.
Defaults to false
Example
<div id="report-viewer"></div>
<script>
$("#report-viewer").boldReportViewer(
{
enableOnScrollNavigation: true
});
</script>Specifies the customBrandSettings.
Example
<div id="reportviewer"></div>
<script>
$("#reportviewer").boldReportViewer(
{
customBrandSettings: {
hideHelpLink: false,
customDomain: 'https://help.boldreports.com',
customBrandName: 'Bold Reports',
customLinks: [{ name: 'ESLicenseMessage', url: '/licensing/license-token/' }]
}
});
</script> boolean
Set the property value as true to enable the cross domain cookies exchange for sticking the user’s session in cross domain request.
Defaults to false
Example
<div id="report-viewer"></div>
<script>
$("#report-viewer").boldReportViewer(
{
enableCrossDomainCookies: true
});
</script> boolean
Enables and disables tooltips for all y-axis values when hovering over a point on the x-axis.
Defaults to false
Example
<div id="reportviewer"></div>
<script>
$("#reportviewer").boldReportViewer(
{
enableCrossAxisTooltip:true
});
</script>