How to add Barcode in Local Reports (RDLC) before report rendering stage - ASP.NET Product List Sample with PDF & Excel support

Prerequisites
- Neodynamic Barcode Professional 3.0 (or greater) for Reporting Services
- Microsoft .NET Framework 2.0 (or greater)
- Microsoft Visual Studio 2005 or Visual Web Developer 2005 Express Edition. NOTE: For VWD Express Edition, installing the free add-in for ReportViewer is mandatory.
- Microsoft SQL Server 2005 (any version) with AdventureWorks Database sample installed

In the following Step-By-Step Guide we'll create a local report (RDLC file) which features barcoding capabilities by using Barcode Professional for Reporting Services.

Follow these steps:
- Open Visual Studio and create a new ASP.NET Website naming it LocalReportWithBarcode.
- Report's Data Source settings
Data can be supplied to Local Reports either as custom Objects or as ADO.NET DataTables. In this guide we'll be exploring each data source scenario in details. So please choose the data source scenario you want to use first and then follow the steps for each of them:
+ Using ADO.NET DataTables as data source of my local report
+ Using Custom Objects as data source of my local report

Using ADO.NET DataTables as data source of my local report

Follow these steps:
- Add a new DataSet item to the project and name it AdventureWorks.xsd

http://www.neodynamic.com/Support/FA...ure01Small.png

Click Add button. You will be asked if you want to place the AdventureWorks.xsd file in the App_Code directory. Answer yes.

After that, the TableAdapter Configuration Wizard is automatically launched so please follow its steps.

In the first step, please create a connection to the AdventureWorks SQL Server Database sample and click Next. In the second step, choose "Use SQL statements" and click Next. After that, please enter the following SQL Statement:
SELECT ProductID, Name, ProductModel FROM Production.vProductAndDescription WHERE (CultureID = N'en')

http://www.neodynamic.com/Support/FA...ure02Small.png

Finally click Finish to close the wizard dialog box.

- After that, add a new custom Column to the DataTable just created and name it Barcode as is shown in the following figure

http://www.neodynamic.com/Support/FAQs/66/figure03.png

- Change the data type of the Barcode column to System.Byte[] (Array of Byte). NOTE: the System.Byte[] data type is not listed and thus why you must type it manually.

http://www.neodynamic.com/Support/FA...ure04Small.png

- Save the AdventureWorks.xsd file.

- Now add a new Report item to the project and name it BarcodeReport.rdlc

http://www.neodynamic.com/Support/FA...ure05Small.png

- The data source for the report should look like the following figure. NOTE: You can display Data Sources Window by selecting Data menu and then Show Data Sources (Shift+Alt+D)

http://www.neodynamic.com/Support/FAQs/66/figure06.png

- Please design the report so it looks like the following figure.

http://www.neodynamic.com/Support/FA...ure07Small.png

The report features a Table item with 3 columns:

1 Column: It holds an Image item. Drag & drop an Image item into it and set its properties as is shown in the following figure. Notice that Value property of the Image item is bound to the Barcode column.

http://www.neodynamic.com/Support/FAQs/66/figure08.png

2 Column: It holds the Name field

3 Column: It holds the ProductModel field

- Save the report.

- Now Create/Open an ASP.NET WebForm at design time and drag & drop a ReportViewer control onto it. NOTE: DO NOT select any report to display. We'll set up it by code next.

- After that, from the Solution Explorer, add a reference to Barcode Professional for Reporting Services assembly (By default it is located in [BarcodeInstallDir]\Bin\For SSRS 2005\Neodynamic.ReportingServices.Barcode.dll)

- Write the following code in the Page_Load event procedure.

Visual C# .NET
protected void Page_Load(object sender, EventArgs e)
{
//Fill the datasource from DB
AdventureWorksTableAdapters.vProductAndDescriptionTableAdapter ta = new AdventureWorksTableAdapters.vProductAndDescriptionTableAdapter();
AdventureWorks.vProductAndDescriptionDataTable dt = new AdventureWorks.vProductAndDescriptionDataTable();
ta.Fill(dt);

//Create an instance of Barcode Professional
Neodynamic.ReportingServices.Barcode bcp = new Neodynamic.ReportingServices.Barcode();
//Barcode settings
bcp.AutoSize = true;
bcp.Symbology = Neodynamic.ReportingServices.Symbology.Code128;
bcp.BarHeight = 0.25f;

//Update DataTable with barcode image
foreach (AdventureWorks.vProductAndDescriptionRow row in dt.Rows)
{
//Set the value to encode
bcp.Code = row.ProductID.ToString();
//Generate the barcode image and store it into the Barcode Column
row.Barcode = bcp.GetBarcodeImagePng();
}

//Create Report Data Source
Microsoft.Reporting.WebForms.ReportDataSource rptDataSource = new Microsoft.Reporting.WebForms.ReportDataSource("AdventureWorks_vProductAndDescription", dt);

this.ReportViewer1.LocalReport.DataSources.Add(rptDataSource);
this.ReportViewer1.LocalReport.ReportPath = Server.MapPath("BarcodeReport.rdlc");
this.ReportViewer1.LocalReport.Refresh();
}

- That's it. Run your application. You should get the barcode images displayed on the report.

http://www.neodynamic.com/Support/FA...ure09Small.png

- That's it. Run your application. You should get the barcode images displayed on the report.

http://www.neodynamic.com/Support/FA...ure09Small.png

ReportViewer control lets you to export the displayed report to Acrobat PDF as well as Microsoft Excel XLS. In both cases the barcode images are maintained.

http://www.neodynamic.com/Support/FA...ure10Small.png


TIP: How to export to Acrobat PDF the Local Report with Barcode images without Preview

The following walkthrough shows how to programmatically export a local report to PDF without viewing it.

Follow these steps:
- Add a new ASP.NET WebForm to the project and drag & drop a Button control onto it.
- Be sure your project is referencing the following assemblies:

Microsoft.ReportViewer.Common.dll
Microsoft.ReportViewer.WebForms.dll
Neodynamic.ReportingServices.Barcode.dll

- Double click on the Button control and write the following code in the Button1_Click event procedure.

Visual C# .NET
protected void button1_Click(object sender, EventArgs e)
{
//Fill the datasource from DB
AdventureWorksTableAdapters.vProductAndDescriptionTableAdapter ta = new AdventureWorksTableAdapters.vProductAndDescriptionTableAdapter();
AdventureWorks.vProductAndDescriptionDataTable dt = new AdventureWorks.vProductAndDescriptionDataTable();
ta.Fill(dt);

//Create an instance of Barcode Professional
Neodynamic.ReportingServices.Barcode bcp = new Neodynamic.ReportingServices.Barcode();
//Barcode settings
bcp.AutoSize = true;
bcp.Symbology = Neodynamic.ReportingServices.Symbology.Code128;
bcp.BarHeight = 0.25f;

//Update DataTable with barcode image
foreach (AdventureWorks.vProductAndDescriptionRow row in dt.Rows)
{
//Set the value to encode
bcp.Code = row.ProductID.ToString();
//Generate the barcode image and store it into the Barcode Column
row.Barcode = bcp.GetBarcodeImagePng();
}

//Create ReportViewer
Microsoft.Reporting.WebForms.ReportViewer viewer = new Microsoft.Reporting.WebForms.ReportViewer();

//Create Report Data Source
Microsoft.Reporting.WebForms.ReportDataSource rptDataSource = new Microsoft.Reporting.WebForms.ReportDataSource("AdventureWorks_vProductAndDescription", dt);

viewer.LocalReport.DataSources.Add(rptDataSource);
viewer.LocalReport.ReportPath = Server.MapPath("BarcodeReport.rdlc");

//Export to PDF
string mimeType;
string encoding;
string fileNameExtension;
string[] streams;
Microsoft.Reporting.WebForms.Warning[] warnings;

byte[] pdfContent = viewer.LocalReport.Render("PDF", null, out mimeType, out encoding, out fileNameExtension, out streams, out warnings);

//Return PDF
this.Response.Clear();
this.Response.ContentType = "application/pdf";
this.Response.AddHeader("Content-disposition", "attachment; filename=BarcodeReport.pdf");
this.Response.BinaryWrite(pdfContent);
this.Response.End();
}

- That's it. Run your project opening the last WebForm and click on the button to generate the PDF version for the barcode report.

http://www.neodynamic.com/Support/FA...ure11Small.png


Using Custom Objects as data source of my local report
You can design local reports (RDLC) based on business objects defined in your application. In this scenario, an object data source is simply a collection of arbitrary objects. In this guide, we'll define a custom object with barcoding support that will be used as data source for our report.
Follow these steps:
- Add a new class item to the project and name it Product.

http://www.neodynamic.com/Support/FA...ure12Small.png

You will be asked if you want to place the class file in the App_Code directory. Answer yes.

The Product class will feature basic info about products such is ID and Name as well as a special property called Barcode which will hold the barcode image for each product object.

Please write the following Product class definition:

Visual C# .NET
public class Product
{
string m_id;
string m_name;
byte[] m_barcode;

public Product(string id, string name, byte[] barcode)
{
m_id = id;
m_name = name;
m_barcode = barcode;
}

public string Id
{
get
{
return m_id;
}
set
{
m_id = value;
}
}

public string Name
{
get
{
return m_name;
}
set
{
m_name = value;
}
}

public byte[] Barcode
{
get
{
return m_barcode;
}
set
{
m_barcode = value;
}
}
}

- Add another new class item to the project and name it Catalog. This new class Catalog will be used as the object data source for our report. NOTE: In order for a class to qualify as an object data source, there should be a "Select method" that returns a collection of objects of the involved class and thus why we'll create this Catalog class.

http://www.neodynamic.com/Support/FA...ure13Small.png

You will be asked if you want to place the class file in the App_Code directory. Answer yes.

The Catalog class will allow us to add Product objects and features a "Select method" called GetProducts which returns a strongly typed collection of Product objects.

Please write the following Catalog class definition:

Visual C# .NET
public class Catalog
{
private System.Collections.Generic.List<Product> m_products;

public Catalog()
{
m_products = new System.Collections.Generic.List<Product>();
}

public void AddProduct(Product product)
{
m_products.Add(product);
}

public System.Collections.Generic.List<Product> GetProducts()
{
return m_products;
}
}

- Save the class file and go to Build menu and click on Build Solution
- Now add a new Report item to the project and name it BarcodeReport.rdlc

http://www.neodynamic.com/Support/FA...ure05Small.png

- The data source for the report should look like the following figure. NOTE: You can display Data Sources Window by selecting Data menu and then Show Data Sources (Shift+Alt+D)

http://www.neodynamic.com/Support/FAQs/66/figure14.png

- Please design the report so it looks like the following figure.

http://www.neodynamic.com/Support/FA...ure15Small.png

The report features a Table item with 3 columns:

1 Column: It holds an Image item. Drag & drop an Image item into it and set its properties as is shown in the following figure. Notice that Value property of the Image item is bound to the Barcode column.

http://www.neodynamic.com/Support/FAQs/66/figure08.png

2 Column: It holds the Name field

3 Column: It holds the Id field

- Save the report.

- Create/Open an ASP.NET WebForm at design time and drag & drop a ReportViewer control. NOTE: DO NOT select any report to display. We'll set up it by code next.

- After that, from the Solution Explorer, add a reference to Barcode Professional for Reporting Services assembly (By default it is located in [BarcodeInstallDir]\Bin\For SSRS 2005\Neodynamic.ReportingServices.Barcode.dll)

- Write the following code in the Page_Load event procedure.

Visual C# .NET
protected void Page_Load(object sender, EventArgs e)
{
//Create an instance of Barcode Professional
Neodynamic.ReportingServices.Barcode bcp = new Neodynamic.ReportingServices.Barcode();
//Barcode settings
bcp.AutoSize = true;
bcp.Symbology = Neodynamic.ReportingServices.Symbology.Code128;
bcp.BarHeight = 0.25f;

//Fill the object datasource.
//NOTE: You may connect to a SQL Server Database and create Product objects based on data returned from such source.
Catalog data = new Catalog();

//Create random product info
string prodId;
string prodName;
byte[] prodBarcode;

for (int i = 0; i < 10; i++)
{
//Random product info
prodId = Guid.NewGuid().ToString().Substring(0, 10);
prodName = "Product " + prodId;
//Set the value to encode
bcp.Code = prodId;
//Generate the barcode image and store it into the Barcode Column
prodBarcode = bcp.GetBarcodeImagePng();

//Add new product
data.AddProduct(new Product(prodId, prodName, prodBarcode));
}


//Create Report Data Source
Microsoft.Reporting.WebForms.ReportDataSource rptDataSource = new Microsoft.Reporting.WebForms.ReportDataSource("Product", data.GetProducts());

this.ReportViewer1.LocalReport.DataSources.Add(rptDataSource);
this.ReportViewer1.LocalReport.ReportPath = Server.MapPath("BarcodeReport.rdlc");
this.ReportViewer1.LocalReport.Refresh();
}

- That's it. Run your application. You should get the barcode images displayed on the report.

http://www.neodynamic.com/Support/FA...ure16Small.png

ReportViewer control lets you to export the displayed report to Acrobat PDF as well as Microsoft Excel XLS. In both cases the barcode images are maintained.

http://www.neodynamic.com/Support/FA...ure17Small.png


TIP: How to export to Acrobat PDF the Local Report with Barcode images without Preview

The following walkthrough shows how to programmatically export a local report to PDF without viewing it.
- Add a new ASP.NET WebForm to the project and drag & drop a Button control onto it.
- Be sure your project is referencing the following assemblies:

Microsoft.ReportViewer.Common.dll
Microsoft.ReportViewer.WebForms.dll
Neodynamic.ReportingServices.Barcode.dll

- Double click on the Button control and write the following code in the Button1_Click event procedure.

Visual C# .NET
private void button1_Click(object sender, EventArgs e)
{
//Create an instance of Barcode Professional
Neodynamic.ReportingServices.Barcode bcp = new Neodynamic.ReportingServices.Barcode();
//Barcode settings
bcp.AutoSize = true;
bcp.Symbology = Neodynamic.ReportingServices.Symbology.Code128;
bcp.BarHeight = 0.25f;

//Fill the object datasource.
//NOTE: You may connect to a SQL Server Database and create Product objects based on data returned from such source.
Catalog data = new Catalog();

//Create random product info
string prodId;
string prodName;
byte[] prodBarcode;

for (int i = 0; i < 10; i++)
{
//Random product info
prodId = Guid.NewGuid().ToString().Substring(0, 10);
prodName = "Product " + prodId;
//Set the value to encode
bcp.Code = prodId;
//Generate the barcode image and store it into the Barcode Column
prodBarcode = bcp.GetBarcodeImagePng();

//Add new product
data.AddProduct(new Product(prodId, prodName, prodBarcode));
}

//Create ReportViewer
Microsoft.Reporting.WebForms.ReportViewer viewer = new Microsoft.Reporting.WebForms.ReportViewer();

//Create Report Data Source
Microsoft.Reporting.WebForms.ReportDataSource rptDataSource = new Microsoft.Reporting.WebForms.ReportDataSource("Product", data.GetProducts());

viewer.LocalReport.DataSources.Add(rptDataSource);
viewer.LocalReport.ReportPath = Server.MapPath("BarcodeReport.rdlc");

//Export to PDF
string mimeType;
string encoding;
string fileNameExtension;
string[] streams;
Microsoft.Reporting.WebForms.Warning[] warnings;

byte[] pdfContent = viewer.LocalReport.Render("PDF", null, out mimeType, out encoding, out fileNameExtension, out streams, out warnings);

//Return PDF
this.Response.Clear();
this.Response.ContentType = "application/pdf";
this.Response.AddHeader("Content-disposition", "attachment; filename=BarcodeReport.pdf");
this.Response.BinaryWrite(pdfContent);
this.Response.End();
}

- That's it. Run your project opening the last WebForm and click on the button to generate the PDF version for the barcode report.

http://www.neodynamic.com/Support/FA...ure11Small.png

Links:
This Demo
More Demos
Download Barcode Professional for Reporting Services
More Information about Neodynamic Barcode Professional for Reporting Services

Neodynamic
.NET Components & Controls
http://www.neodynamic.com
http://www.barcode-for-reporting-services.com