jquery实现局部打印(jquery.printarea.js)
function printsEnergy(){ var data=$("#seleMenu").children('option:selected').val(); var startDate = $("#startDate").val(); var endDate = $("#endDate").val(); var zigbeeIp=$("#zigbeeIp").val(); if(data=='e'||startDate==''||endDate==''||zigbeeIp==''){ alert("请选择需要打印预览的条件(开始时间、结束时间、电力表)"); return false; }else{ $.ajax({ type:'post', url:'energy.htm?event=printsEnergy', data:{startHour:startDate,endHour:endDate,eleZigbeeId:zigbeeIp,menu:data}, dataType:'json', success:function(data){ $("#printsShow").html(""); $("#printsShow").append("<table width='100%' border='1' style='font-size: 14px;text-align:center;' id='energyPrint'>"); $("#energyPrint").append( "<tr style='height: 25px'><td width='111'>电力表名称</td><td width='111'>电力表IP</td><td width='111'>使用度数</td><td width='111'>当前时间</td></tr>" ); $.each(data.energyPrint,function(i,item){ $("#energyPrint").append( "<tr style='height: 25px' >"+ "<td>"+item.zigbeeName+"</td>"+ "<td>"+item.eleZigbeeId+"</td>"+ "<td>"+item.eleEnergy+"</td>"+ "<td>"+item.energyHourId+"</td></tr>" ); }); $("#printsShow").append("</table>"); $("#printShow").printArea(); } }); } }
在实现打印的时候主要是打印里面的div层。上述主要实现了,插入table,实现打印。