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

  • 相关阅读:
    645. 错误的集合
    88. 合并两个有序数组
    125. 验证回文串
    常用的浏览器
    网页的相关概念
    HTML简介
    商城搜索解决方案
    用VirtualBox安装Centos7
    Eureka自我保护机制
    服务发现Discovery(查看运行的服务)
  • 原文地址:https://www.cnblogs.com/bingrong/p/3756401.html
Copyright © 2011-2022 走看看