Im using a collapsable grid view There are many records in gridview each record consists of sub records Now I want to print a particular record from my inner gridviewHtmllthtml xmlns34httpwwww3org1999xhtml34gtlthead runat34server34gt lttitlegtUntitled Pagelttitlegt ltscript type34textjavascript34gt function Printa astyledisplay 34none34 var row aparentNodeparentNode var printWi

Print particular record from ASP.Net GridView using JavaScript

manisha2...

SOLVED CLOSED ACTIVE ANSWERED
User: manisha24
Posted: on Dec 26, 2017 11:46 PM
Forum: Data Controls
Replies: 7
Views: 4837

Im using a collapsable grid view. There are many records in gridview, each record consists of sub records. Now I want to print a particular record from my inner gridview.

Html

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <script type="text/javascript">
        function Print(a) {
            a.style.display = "none";
            var row = a.parentNode.parentNode;
            var printWin = window.open('', '', 'left=0", ",top=0,width=1000,height=600,status=0');
            printWin.document.write(row.innerHTML);
            printWin.document.close();
            printWin.focus();
            printWin.print();
            printWin.close();
            a.style.display = "block";
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" GridLines="Both">
            <Columns>
                <asp:BoundField DataField="Item" ItemStyle-Width="100" />
                <asp:BoundField DataField="Price" ItemStyle-Width="100" />
                <asp:TemplateField>
                    <ItemTemplate>
                        <tr>
                            <td colspan="100%">
                                <div id='<%# Eval("ROLL_NO") %>' style="display: none; position: relative; left: 115px;" />
                                <asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="false">
                                    <Columns>
                                        <asp:BoundField DataField="Quantity" HeaderText="Quantity" ItemStyle-HorizontalAlign="Center"
                                            HeaderStyle-Font-Bold="true" />
                                        <asp:BoundField DataField="ProductName" HeaderText="ProductName" ItemStyle-HorizontalAlign="Center" />
                                        <asp:BoundField DataField="PaidAmount" HeaderText="Paid Amount" ItemStyle-HorizontalAlign="Center" />
                                        <asp:TemplateField>
                                            <ItemTemplate>
                                                <a href="javascript:;" id="/ref" onclick="Print(this)">Print</a>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                    </Columns>
                                </asp:GridView>
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>
    </div>
    </form>
</body>
</html>

Code

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        DataTable dt = new DataTable();
        dt.Columns.AddRange(new DataColumn[2] { new DataColumn("Item"), new DataColumn("Price") });
        dt.Rows.Add("Shirt", 199);
        dt.Rows.Add("Football", 20);
        dt.Rows.Add("Shirt", 22.5);
        GridView1.DataSource = dt;
        GridView1.DataBind();

        DataTable dt1 = new DataTable();
        dt1.Columns.AddRange(new DataColumn[2] { new DataColumn("Quantity"), new DataColumn("ProductName") });
        dt1.Rows.Add("1", shirt);
        dt1.Rows.Add("2", tshirt);

        GridView2.DataSource = dt1;
        GridView2.DataBind();

    }
}

dharmend...

0 2

Reply
User: dharmendr
Replied: on Dec 27, 2017 12:28 AM
Report

Hi manisha24,

Write more detailed explanation.

manisha2...

0 3

Reply
User: manisha24
Replied: on Dec 27, 2017 01:48 AM
Report

Im using a collapsable grid view .There are many records in gridview ,each record consists of sub records .Now I want to print a particular record from my inner gridview .

Thnak you

MAnisha

dharmend...

0 4

Reply
User: dharmendr
Replied: on Dec 27, 2017 02:21 AM
Report

Please share your code and html you have implemented and explain the problem you are facing in your code.

manisha2...

0 5

Reply
User: manisha24
Replied: on Dec 27, 2017 04:49 AM
Report

Script for print method

function Print(a) {

var table = $("[id*=GridView]").clone(true); $("tr", table).not($("tr:first-child", table)).remove();

printWin.document.writeln('<TR><TD width=40% >&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;Fee Receipt </TD></TR> ');

printWin.document.writeln('<TR><TD width=40%>Roll Number    : </TD>'); printWin.document.writeln('<TD width=10%>' + RollNumber + '</TD></TR>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;'); printWin.document.writeln('<TR><TD width=40%>Date    : </TD>'); printWin.document.writeln('<TD width=10%>' + today + '</TD></TR> '); printWin.document.writeln('<TR><TD width=40%>Student Name  :</TD>'); printWin.document.writeln('<TD width=10%>' + StudentNameText + '</TD></TR> '); printWin.document.writeln('<TR><TD width=40%>Class                 :</TD>'); printWin.document.writeln('<TD width=10%>' + ClassText + '</TD></TR> '); printWin.document.writeln('<TR><TD width=40%>Section              :</TD>'); printWin.document.writeln('<TD width=10%>' + SectionText + '</TD></TR> ');

table.append(row); $("tr td:last,tr th:last", table).remove(); var dv = $("<div />"); dv.append(table); printWin.document.write(dv.html()); printWin.document.close(); printWin.focus(); printWin.print(); printWin.close(); }

Html Code

<asp:GridView ID="ClassFeeDetailsGrid" runat="server" CssClass="CenteredGrid" AutoGenerateColumns="false" DataKeyNames="FULL_NAME" OnRowDataBound="ClassFeeDetailsGrid_RowDataBound" CellPadding="3" GridLines="Horizontal" Width="700px" BackColor="White" BorderColor="#E7E7FF" BorderStyle="None" BorderWidth="1px" OnRowCommand="ClassFeeDetailsGrid_RowCommand"> <Columns> <asp:TemplateField> <ItemTemplate> <a href="JavaScript:expandcollapse('<%# Eval("ROLL_NO") %>');"> <image alt="" style="cursor: pointer" class="plus" src="../images/plus.jpg" border="0" id='img<%# Eval("ROLL_NO") %>' height="10px" width="10px"></image> </a> </ItemTemplate> </asp:TemplateField> <asp:BoundField DataField="ROLL_NO" HeaderText="Roll NO" ItemStyle-HorizontalAlign="Center" > <%-- <ItemStyle CssClass="Hide" /> <HeaderStyle CssClass="Hide" />--%> </asp:BoundField> <asp:BoundField DataField="FULL_NAME" HeaderText="Student Name" ItemStyle-HorizontalAlign="Center" /> <%-- <asp:BoundField DataField="ROLL_NO" HeaderText="Roll No" ItemStyle-HorizontalAlign="Center" />--%> <asp:BoundField DataField="TotalAgreedAmount" HeaderText="Total Fee" ItemStyle-HorizontalAlign="Center" /> <asp:BoundField DataField="Total_Paid_Amount" HeaderText="Total Paid" ItemStyle-HorizontalAlign="Center" /> <asp:BoundField DataField="Balance_Amount" HeaderText="Total Due" ItemStyle-HorizontalAlign="Center" />

<asp:TemplateField> <ItemTemplate> <tr> <td colspan="100%"> <div id='<%# Eval("ROLL_NO") %>' style="display: none; position: relative; left: 115px;" /> <asp:GridView ID="GridViewFeeDetails" runat="server" AutoGenerateColumns="false" DataKeyNames="FeeType"> <Columns> <asp:BoundField DataField="FeeType" HeaderText="Fee Type" ItemStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true" /> <asp:BoundField DataField="PayableAmount" HeaderText="Payable Amount" ItemStyle-HorizontalAlign="Center" /> <asp:BoundField DataField="PaidAmount" HeaderText="Paid Amount" ItemStyle-HorizontalAlign="Center" /> <asp:BoundField DataField="Balance" HeaderText="Balance" ItemStyle-HorizontalAlign="Center" /> <asp:BoundField DataField="PaidDate" HeaderText="Paid Date" ItemStyle-HorizontalAlign="Center" /> <asp:BoundField DataField="ReceiptNo" HeaderText="Receipt No" ItemStyle-HorizontalAlign="Center" />

<asp:TemplateField> <ItemTemplate> <a href="javascript:;" id="/ref" onclick="Print(this)">Print</a> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView>

This is my Code .Here i want to print a particular record from this gridview.

dharmend...

0 6

Reply
User: dharmendr
Replied: on Dec 27, 2017 07:08 AM
Report

1. Please paste code using the Code button in your editor.

2. Paste only relevant code rather than whole page. 3. And also let us know the line throwing error, so that we can quickly get into action.

Print particular record from ASP.Net GridView using JavaScript

Company

Explore

Follow us

Contact Us