📄 receiptitem.jsp

📁 通过jsp/servlet实现web打印
💻 JSP
字号:
<%@ page contentType="text/html;charset=GBK" isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>Insert title here</title>
<jsp:useBean id="ShowReceiptItem" scope="session" class="bean.ShowReceiptItem" />
<script>

var objicon="";
 function changetext1(objname,size){
 		obj = document.getElementById(objname).firstChild.nodeValue;
		document.getElementById(objname).innerHTML = "<input name='"+objname+"' type='text' value="+ obj +" size="+ size +" />";
		
 		  		   
    }

function changetext2(objname,size){
 		obj = document.getElementById(objname).firstChild.nodeValue;
		document.getElementById(objname).innerHTML = "<input name='"+objname+"' type='text' value="+ obj +" size="+ size +" />";
		
 		  		   
    }
    
function changeselect3(objname){
		document.getElementById(objname).innerHTML = "<select name='"+objname+"'><option>是</option><option>否</option></select>";
		
    }
function formsubmit(){
	Itemform.submit();
}

function addobject(){
		current_row = document.createElement("tr");
		current_cel = document.createElement("td");
        current_cell = document.createElement("td");
        current_cel2 = document.createElement("td");
        current_cel3 = document.createElement("td");
		
		imput_1 = document.createElement("input");
		 imput_1.setAttribute("type","text");
		  imput_1.setAttribute("name","newItemName");
		  	imput_1.setAttribute("size","12");
		imput_2 = document.createElement("input");
		imput_2.setAttribute("type","text");
		  imput_2.setAttribute("name","newItemFee");
		  	imput_2.setAttribute("size","12");
		imput_3 = document.createElement("select");	
		option1 = document.createElement("option");	
		option2 = document.createElement("option");	
		optiontext = document.createTextNode("是");
			optiontext2 = document.createTextNode("否");
			option1.appendChild(optiontext);
			option2.appendChild(optiontext2);
			imput_3.appendChild(option1);
			imput_3.appendChild(option2);
			imput_3.setAttribute("name","newactive");
			current_cell.appendChild(imput_1);
			current_cel2.appendChild(imput_2);
			current_cel3.appendChild(imput_3);
				
		current_row.appendChild(current_cel);
        current_row.appendChild(current_cell);
        current_row.appendChild(current_cel2);
        current_row.appendChild(current_cel3);
        table = document.getElementById("objtable");
        tbody = table.firstChild;
        tbody.appendChild(current_row);
        
        unbutton = document.getElementById("add");
        unbutton.disabled=true;
}


</script>
</head>

<body>
<jsp:scriptlet>
    ShowReceiptItem.getReceiptitemData();
    ShowReceiptItem.getPeopleData();
</jsp:scriptlet>
<form action="../itemservlet" method="post" name="Itemform">
<table width="440" border="1" id="objtable">
  <tr>
  	
    <td width="40"><div align="center"><strong>序列</strong></div></td>
    <td width="100"><div align="center"><strong>收费项目</strong></div></td>
    <td width="100"><div align="center"><strong>收费金额</strong></div></td>
    <td width="100"><div align="center"><strong>是否打印</strong></div></td>
    <td width="100"><div align="center"><strong>是否删除</strong></div></td>
  </tr>
  <c:forEach items="${ShowReceiptItem.receiptitem}" var="receiptitem">
  <tr>
  	
    <td><div align="center" ><c:out value="${receiptitem[0]}"/></div></td>
    <td><div align="center" id="itemName_<c:out value="${receiptitem[0]}"/>" ondblclick="changetext1('itemName_<c:out value="${receiptitem[0]}"/>','12')"><c:out value="${receiptitem[1]}"/></div></td>
    <td><div align="center" id="itemFee_<c:out value="${receiptitem[0]}"/>" ondblclick="changetext2('itemFee_<c:out value="${receiptitem[0]}"/>','12')"><c:out value="${receiptitem[2]}"/></div></td>
    <td><div align="center" id="active_<c:out value="${receiptitem[0]}"/>" ondblclick="changeselect3('active_<c:out value="${receiptitem[0]}"/>')"><c:out value="${receiptitem[3]}"/></div></td>
    <td><div align="center" ><input name="id" type="checkbox" value="<c:out value="${receiptitem[0]}"/>" />删除</div></td>
  </tr>
  </c:forEach>
  <tr>
    <td colspan="5"><div align="right"><input type="button" onclick="addobject()" name="add" value="增加收费项目">&nbsp;&nbsp;<input name="save" type="button" value="保存设置" onclick="formsubmit()"  /></div></td>
  </tr>
</table>
</form>
<form action="../modifypayee" method="post" name="Itemform2">
<table width="170" border="1">
  <tr>
    <td width="39"><div align="center">序号</div></td>
    <td width="121"><div align="center">收款人</div></td>
  </tr>
   <c:forEach items="${ShowReceiptItem.receiptpeople}" var="receiptpeople">
  <tr>
    <td><div align="center"><c:out value="${receiptpeople[0]}"/></div></td>
    <td><div align="center">
      <label>
      <input name="payee" type="text" size="14" value="<c:out value="${receiptpeople[1]}"/>"/>
      </label>
    </div></td>
  </tr>
  </c:forEach>
  <tr>
    <td colspan="2"><div align="right"><input name="modify" type="submit" value="修改" />
    </div></td>
  </tr>
</table>
</form>
</body>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -