zoukankan      html  css  js  c++  java
  • 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,实现打印。

  • 相关阅读:
    where T: class的解释
    调用钉钉的WebAPI接口实现与ERP数据的同步
    Json序列化和反序列化的方式
    Log4Net日志处理
    MVC项目中异常处理
    FindBI商业智能报表工具
    权限列表实现
    委托,匿名,lambda
    [经典贪心算法]贪心算法概述
    [zt]手把手教你写对拍程序(PASCAL)
  • 原文地址:https://www.cnblogs.com/bingrong/p/3756401.html
Copyright © 2011-2022 走看看