We will first download the SAP Crystal report from the source, and install it on our system, then with the help of some simple code we will go ahead.
Initial chamber
Firstly, download the SAP Crystal report for respective IDE’s of Visual Studio,
For Visual Studio 2010 -
For Visual Studio 2013
Step 1: Open Visual Studio 2010 and create an Empty Website. Give it a suitable name crystalrpt_demo.
Step 2: In Solution Explorer you will get your empty website, then add a Web Form and SQL Server Database and Dataset. By following these steps:
For Web Form
crystalrpt_demo(Your Empty Website) - Right Click, Add New Item, then Web Form. Name it crystalrpt_demo.aspx.
For SQL Server Database
crystalrpt_demo(Your Empty Website) - Right Click, Add New Item, then SQL Server Database. Add Database inside the App_Data_folder.
For DataSet
crystalrpt_demo (Your Empty Website) - Right Click, Add New Item, then DataSet[Add DataSet inside the App_Code_folder].
Database chamber
Step 3: In Server Explorer, click on your Database [Database.mdf] - Tables, then Add New Table. Make table like the following:
Table - tbl_data [Don’t Forget to make ID as IS Identity - True].
Insert some data inside your table by going to your table - tbl_data - Right Click and show tbl_data. Add data in the table.
Show table data
Store Procedure sp_select:
Double click on the dataset that resides under App_code_Folder. Here's an image:
When you double click the dataset you get the blank area, there you have to do something like the following:
Right Click on the blank area and Add DataTable.
Change the name to table from Datatable1 to Newtbl_data, there you have to add 3 columns for ID, Name, City as we had taken in tbl_data, so add three Columns. You will get something like the following image:
After this process you have to go to the crystalrpt_demo - Right Click, Add New Item and find Crystal Report.rpt file.
When you add this new Crystal Report Gallery opened there you can see the following image:
You got something like the following image:
When your crystal report opens like the above image, then you can find that on the left or right dock Field Explorer opens up.
Right Click on Field Explorer - Database Expert, Create New Connection - you have to find the table that we had made in Dataset i.e Newtbl_data.
Once your table is visible Add that table to the right hand side pane using “ >>” button an Press OK. See the following image.
You will get you Newtbl_data in Field Explorer like the following screenshot:
Here you have to add these ID, Name and City from Database Fields to the Crystal Report - Section 3 Page Details. You can drag these fields to the Crystal Report Page Details.
In the Field Explorer - Right Click on Parameter, then clicck New. Here's the screenshot:
It will open up the Parameter Window where you have to add one parameter that is “age1”.
Now go the Crystal Report Detail Section - Right Click - Report, then click Section Formula and Record. Refer the following image:
It will open up the Formula Workshop.
Design chamber
Step 4: Now open your crystalrpt_demo.aspx file, where we create our design for crystal report. We will add Crystal Report Viewer here.
Go to the toolbox and find Reporting, then Drag and Drop Crystal Report Viewer.
crystalrpt_demo.aspx
- <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
-
- <%@ Register assembly="CrystalDecisions.Web, Version=13.0.2000.0, Culture=neutral, PublicKeyToken=692fbea5521e1304" namespace="CrystalDecisions.Web" tagprefix="CR" %>
-
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head runat="server">
- <title></title>
- </head>
- <body>
- <form id="form1" runat="server">
- <div>
-
- Select Age <=
-
- <asp:DropDownList ID="DropDownList1" runat="server">
- <asp:ListItem>Select Age</asp:ListItem>
- <asp:ListItem>10</asp:ListItem>
- <asp:ListItem>20</asp:ListItem>
- <asp:ListItem>15</asp:ListItem>
- <asp:ListItem>30</asp:ListItem>
- <asp:ListItem>50</asp:ListItem>
- </asp:DropDownList>
-
-
- <asp:Button ID="Button1" runat="server" onclick="Button1_Click"
- Text="Find Record" />
-
- <CR:CrystalReportViewer ID="CrystalReportViewer1" runat="server"
- AutoDataBind="true" />
-
- </div>
- </form>
- </body>
- </html>
Code chamber Step 5: Open your crystalrpt_demo.aspx.cs and write some code so that our application starts working.
Add some Namespaces to crystalrpt_demo.aspx.cs page.
- using System;
- using System.Collections.Generic;
- using System.Linq;
- using System.Web;
- using System.Web.UI;
- using System.Web.UI.WebControls;
- using System.Data;
- using System.Data.SqlClient;
- using CrystalDecisions.ReportSource;
- using CrystalDecisions.Reporting;
- using CrystalDecisions.CrystalReports.Engine;
-
- public partial class _Default : System.Web.UI.Page
- {
-
- ReportDocument rprt = new ReportDocument();
- protected void Page_Load(object sender, EventArgs e)
- {
-
- }
- protected void Button1_Click(object sender, EventArgs e)
- {
- rprt.Load(Server.MapPath("~/CrystalReport.rpt"));
- SqlConnection con = new SqlConnection(@"Data Source=.\SQLEXPRESS;AttachDbFilename=|DataDirectory|\Database.mdf;Integrated Security=True;User Instance=True");
- SqlCommand cmd = new SqlCommand("sp_select", con);
- SqlDataAdapter sda = new SqlDataAdapter(cmd);
- DataTable dt = new DataTable();
- sda.Fill(dt);
- rprt.SetDataSource(dt);
- rprt.SetParameterValue("age1", DropDownList1.Text);
- CrystalReportViewer1.ReportSource = rprt;
- CrystalReportViewer1.DataBind();
- }
- }
Output chamber Hope you liked it. Thank you for reading. Have a good day.