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

  • 相关阅读:
    UVa 725 Division --- 简单枚举
    最短路之Floyd算法
    最短路之Bellman-Ford算法
    快速排序算法
    Dijkstra算法 --- 单源最短路
    HDU 2553 N皇后问题 --- 经典回溯
    HDU 2072 单词数
    HDU 1241 Oil Deposits --- 入门DFS
    jq val() 和 html() 用法注意
    jq 登录正则验证
  • 原文地址:https://www.cnblogs.com/bingrong/p/3756401.html
Copyright © 2020-2023  润新知