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,实现打印。

posted on 2014-05-28 09:16  火玉  阅读(2667)  评论(0编辑  收藏  举报