如何使用jquery在转发器中打印div？ [英] How to print div in a repeater using jquery?

问题描述

大家好，



我在asp.net上有一个转发器。



在这个转发器中我有一个DIV，一个打印按钮，我想打印这个div。



这里的问题是，当我点击一个按钮时，

首先，它显示空白页

2dly，如果转发器有10行，它一次运行10次......


$ b以下$ b是转发器中代码的一部分：



我尝试过：

< a href =＃id =btnPrintSingleclass =btnPrintSingle>打印< / a> 
< div id =printableAreaSingle> 
< table style =width：100％; padding-left：0> 
< tbody>< tr> 
< td> 
< table border =1style =width：100％> 
< tbody>< tr> 
< td> 
< h2>令牌< / h2> 
< / td> 
< td colspan =3> 
< h2><％＃Eval（SessionToken）％>< / h2> 
< / td> 
< / tr> 
< tr> 
< td> 
< h2>中心< / h2> 
< / td> 
< td colspan =3> 
< h2> 
<％#Eval（CandidateCertificate.Candidate.Center.NameEN）+（+ Eval（CandidateCertificate.Candidate.Center.Code）+）％> 
 
< / h2> 
< / td> 
< / tr> 
< tr> 
< td> 候选代码< / td> 
< td> <％＃Eval（CandidateCertificate.Candidate.Code）％> < / td> 
< td> 候选人姓名< / td> 
< td> <％＃Eval（CandidateCertificate.Candidate.NameEN）％> < / td> 
< / tr> 
< tr> 
< td> 用户名< / td> 
< td> <％＃Eval（CandidateCertificate.Candidate.UserName）％> < / td> 
< td> 电子邮件< / td> 
< td> <％＃Eval（CandidateCertificate.Candidate.Email）％> < / td> 
< / tr> 
< tr> 
< td> 计划< / td> 
< td> <％＃Eval（CandidateCertificate.Certification.Program.NameEN）％> < / td> 
< td> 证书< / td> 
< td> <％＃Eval（CandidateCertificate.Certification.NameEN）％> < / td> 
< / tr> 
< tr> 
< td> 模块< / td> 
< td> <％＃Eval（Module.NameEN）％> < / td> 
< td> 状态< / td> 
< td> <％＃Eval（状态）％> < / td> 
< / tr> 
< tr> 
< td> 考试详情（M / D / Y）< / td> 
< td colspan =3style =font-weight：bold> <％＃Eval（ExamSession.SlotTime）％> < / td> 
< / tr> 
< / tbody>< / table> 
< / td> 
< / tr> 
< tr> 
< td> < / td> 
< / tr> 
< / tbody>< / table> 
< script type =text / javascript> 
 $（document）.ready（function（）{
 $（'a.btnPrintSingle'）。bind（click，function（e）{
 e.preventDefault（）; 
 $（div.questionsPanel）。hide（）; 
 $（＃sidebar-wrapper）。hide（）; 
 $（div.navbar-fixed-top） .hide（）; 
 $（div.page-title）。hide（）; 
 $（＃printableAreaSingle）。show（）; 
 window.print（）; 
 $（＃printableAreaSingle）。hide（）; 
 $（div.questionsPanel）。show（）; 
 $（＃sidebar-wrapper）。show（） ; 
 $（div.navbar-fixed-top）。show（）; 
 $（div.page-title）。show（）; 
 
} ）; 
}）; 
< / script> 
< / div> 
 

任何人都可以帮助我...





谢谢

解决方案

（document）.ready（function（）{

（ 'a.btnPrintSingle'）。bind（click，function（e）{
e.preventDefault（）;

（div.questionsPanel）。hide（） ;

Hi guys,

I have a repeater in asp.net.

In this repeater i have a DIV, a button to print and i want to print this div.

The problem here is, when i click a button,
1st of all, its showing blank page
2dly, if a repeater have 10 rows, its running 10times in one click...

below is the part of a code in a repeater:

What I have tried:

<a href="#" id="btnPrintSingle" class="btnPrintSingle">Print</a>
<div id="printableAreaSingle">
<table style="width: 100%; padding-left: 0">
    <tbody><tr>
        <td>
            <table border="1" style="width: 100%">
                <tbody><tr>
                    <td>
                        <h2>Token</h2>
                    </td>
                    <td colspan="3">
                        <h2><%# Eval("SessionToken") %></h2>
                    </td>
                </tr>
                <tr>
                    <td>
                        <h2>Center</h2>
                    </td>
                    <td colspan="3">
                        <h2>
                            <%# Eval("CandidateCertificate.Candidate.Center.NameEN") + "(" + Eval("CandidateCertificate.Candidate.Center.Code") + ")" %>

                        </h2>
                    </td>
                </tr>
                <tr>
                    <td>Candidate Code</td>
                    <td><%# Eval("CandidateCertificate.Candidate.Code") %></td>
                    <td>Candidate Name</td>
                    <td><%# Eval("CandidateCertificate.Candidate.NameEN") %></td>
                </tr>
                <tr>
                    <td>UserName</td>
                    <td><%# Eval("CandidateCertificate.Candidate.UserName") %></td>
                    <td>Email</td>
                    <td><%# Eval("CandidateCertificate.Candidate.Email") %></td>
                </tr>
                <tr>
                    <td>Program</td>
                    <td><%# Eval("CandidateCertificate.Certification.Program.NameEN") %></td>
                    <td>Certificate</td>
                    <td><%# Eval("CandidateCertificate.Certification.NameEN") %></td>
                </tr>
                <tr>
                    <td>Module</td>
                    <td><%# Eval("Module.NameEN") %></td>
                    <td>Status</td>
                    <td><%# Eval("Status") %></td>
                </tr>
                <tr>
                    <td>Exam Details(M/D/Y)</td>
                    <td colspan="3" style="font-weight: bold"><%# Eval("ExamSession.SlotTime") %></td>
                </tr>
            </tbody></table>
        </td>
    </tr>
    <tr>
        <td> </td>
    </tr>
</tbody></table>
<script type="text/javascript">
    $(document).ready(function () {
        $('a.btnPrintSingle').bind("click", function (e) {
            e.preventDefault();
            $("div.questionsPanel").hide();
            $("#sidebar-wrapper").hide();
            $("div.navbar-fixed-top").hide();
            $("div.page-title").hide();
            $("#printableAreaSingle").show();
            window.print();
            $("#printableAreaSingle").hide();
            $("div.questionsPanel").show();
            $("#sidebar-wrapper").show();
            $("div.navbar-fixed-top").show();
            $("div.page-title").show();

        });
    });
</script>
</div>

can any one plz help me...


Thanks

解决方案

(document).ready(function () {

('a.btnPrintSingle').bind("click", function (e) { e.preventDefault();

("div.questionsPanel").hide();

这篇关于如何使用jquery在转发器中打印div？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！