如何使用Jquery获取打印对话框 [英] How Do I Get Print Dialogue Box Using Jquery

问题描述

我有一个表单，我通过点击按钮获得所有员工安全卡，另一个按钮使用jquery打印这些卡，我有以下代码

i have a form in which i get all employee security cards on by clicking a button,and another button to print these cards using jquery ,i have following code

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
        <script type='text/javascript'>            
            $(function () {                
                $("#spcards").find('.print').on('click', function () {
                    $.print("#spcards");
                });                
            });            
	</script>  
             <div class="col-sm-2">
                     <asp:Button ID="EmpSC" CssClass ="btn btn-green btn-block " Width="150" runat="server" OnClick="EmpSC_Click" Text="Create Sc" />
                </div>
        <br />
         <button class="print"> Print this </button>
        <div id="spcards"  runat="server">
          
        </div>

和c＃代码是

and c# code is

protected void EmpSC_Click(object sender, EventArgs e)
       {
           EmployeeSpDataSet dataset = new EmployeeSpDataSet();
           StringBuilder sb = new StringBuilder();
           var AllEmp = _service.GetAllEmployeeDuty().OrderByDescending(x => x.EndDate).GroupBy(x => x.Employee_Id).Select(x => x.First()).Take(3).ToList();
           if (AllEmp != null)
           {
               for (int i = 1; i <= 3; i++)
               {
                   var empsp = AllEmp.FirstOrDefault();
                   var emp = _service.GetAllEmployee().Where(x => x.Id == empsp.Employee_Id).FirstOrDefault();
                   dataset.EmployeeScpass.Rows.Add(emp.Id,
                       emp.Name,
                       emp.Cnic,
                       empsp.ToSectorName,
                       emp.ImgBody, ""
                       );

                   sb.Append("<table style=\"height:324px; width:504px; background-image:removed(../Images/PassFront.jpg)\">");
                   sb.Append("<tr style='height:200px;'>");
                   sb.AppendFormat("<td><img src=\"EmpPicture.ashx?id={0}\" style=\"height:200px; width:200px; margin-top:82px; margin-left:17px;\" /></td>", emp.Id);
                   sb.Append("<td><table>");
                   sb.AppendFormat("<tr><td>Name: </td><td>{0}</td></tr>", emp.Name);
                   sb.Append("</table></td></tr><tr><td></td><td></td></tr></table><br/>");

                   AllEmp.Remove(empsp);
               }
spcards.InnerHtml = sb.ToString();

              // sb.Append("<button class=\"print\"> Print this </button><br/>");
           }

我怎么做可以这样做

how do i can do this

推荐答案

（ function （）{

（ #spcards）。find（' .print'）。on（' click' ， function （）{

("#spcards").find('.print').on('click', function () {

.print（ #spcards）;
}）;
}）;
< / script >
< div class = col-sm-2 >
< asp：按钮 ID = EmpSC CssClass = btn btn-green btn-block 宽度 = 150 runat = server OnClick = EmpSC_Click 文字 = 创建Sc / >
< / div >
< br / >
< 按钮 class = 打印 > 打印此< /按钮 >
< div id = spcards runat = server >

< / div >

.print("#spcards"); }); }); </script> <div class="col-sm-2"> <asp:Button ID="EmpSC" CssClass ="btn btn-green btn-block " Width="150" runat="server" OnClick="EmpSC_Click" Text="Create Sc" /> </div> <br /> <button class="print"> Print this </button> <div id="spcards" runat="server"> </div>

和c＃代码是

and c# code is

protected void EmpSC_Click(object sender, EventArgs e)
       {
           EmployeeSpDataSet dataset = new EmployeeSpDataSet();
           StringBuilder sb = new StringBuilder();
           var AllEmp = _service.GetAllEmployeeDuty().OrderByDescending(x => x.EndDate).GroupBy(x => x.Employee_Id).Select(x => x.First()).Take(3).ToList();
           if (AllEmp != null)
           {
               for (int i = 1; i <= 3; i++)
               {
                   var empsp = AllEmp.FirstOrDefault();
                   var emp = _service.GetAllEmployee().Where(x => x.Id == empsp.Employee_Id).FirstOrDefault();
                   dataset.EmployeeScpass.Rows.Add(emp.Id,
                       emp.Name,
                       emp.Cnic,
                       empsp.ToSectorName,
                       emp.ImgBody, ""
                       );

                   sb.Append("<table style=\"height:324px; width:504px; background-image:removed(../Images/PassFront.jpg)\">");
                   sb.Append("<tr style='height:200px;'>");
                   sb.AppendFormat("<td><img src=\"EmpPicture.ashx?id={0}\" style=\"height:200px; width:200px; margin-top:82px; margin-left:17px;\" /></td>", emp.Id);
                   sb.Append("<td><table>");
                   sb.AppendFormat("<tr><td>Name: </td><td>{0}</td></tr>", emp.Name);
                   sb.Append("</table></td></tr><tr><td></td><td></td></tr></table><br/>");

                   AllEmp.Remove(empsp);
               }
spcards.InnerHtml = sb.ToString();

              // sb.Append("<button class=\"print\"> Print this </button><br/>");
           }

我怎么做可以这样做

how do i can do this

这篇关于如何使用Jquery获取打印对话框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！