C# - How to print grid view data with image by JavaScript()?
C# - Print Image In Gridview
In this post I will show how to print data with images from GridView using javascript. Find the source code below:-
Default.aspx
<%@ Page Language="C#"
AutoEventWireup="true"
CodeFile="Default.aspx.cs"
Inherits="_Default"
%>
<!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>C# - How
to print grid view data with div by JavaScript()?</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="gvDiv">
<div>
<asp:Image ID="Image1" ImageUrl="~/sample2.jpg" runat="server" /><br />
<br />
</div>
<asp:GridView ID="gvPrint" runat="server">
</asp:GridView>
</div>
<br />
<asp:Button ID="btnPrint" runat="server" Text="Print Details" />
</div>
</form>
</body>
</html>
Default.aspx.cs
using System;
using
System.Configuration;
using
System.Data;
using
System.Linq;
using
System.Web;
using
System.Web.Security;
using
System.Web.UI;
using
System.Web.UI.HtmlControls;
using
System.Web.UI.WebControls;
using
System.Web.UI.WebControls.WebParts;
using
System.Xml.Linq;
public partial class _Default : System.Web.UI.Page
{
private void Display()
{
}
protected void Page_Load(object
sender, EventArgs e)
{
DataTable
dtEmployee = new DataTable();
dtEmployee.Columns.Add("EmpId", typeof(int));
dtEmployee.Columns.Add("Name", typeof(string));
dtEmployee.Columns.Add("Address", typeof(string));
dtEmployee.Columns.Add("Date",
typeof(DateTime));
dtEmployee.Rows.Add(25, "Rk", "Gurgaon",
DateTime.Now);
dtEmployee.Rows.Add(50, "Sachin", "Noida",
DateTime.Now);
dtEmployee.Rows.Add(10, "Nitin", "Noida",
DateTime.Now);
dtEmployee.Rows.Add(21, "Aditya", "Meerut",
DateTime.Now);
dtEmployee.Rows.Add(100, "Mohan", "Banglore",
DateTime.Now);
gvPrint.DataSource = dtEmployee;
gvPrint.DataBind();
string
printScript =
@"function
PrintGridView()
{
var gridInsideDiv =
document.getElementById('gvDiv');
var printWindow =
window.open('gview.htm','PrintWindow','letf=50,top=50,width=400,height=300,toolbar=1,scrollbars=1,status=1');
printWindow.document.write(gridInsideDiv.innerHTML);
printWindow.document.close();
printWindow.focus();
printWindow.print();
printWindow.close();}";
this.ClientScript.RegisterStartupScript(Page.GetType(),
"PrintGridView",
printScript.ToString(), true);
btnPrint.Attributes.Add("onclick", "PrintGridView();");
}
}
Download source code click here..
C# - How to print grid view data with image by JavaScript()?
Reviewed by Ravi Kumar
on
11:56 AM
Rating:

No comments: