⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 productselect.jsp

📁 使用JSP+Servlet+Ajax的供应商管理系统(不包含数据库部分)
💻 JSP
字号:
<%@ page language="java" import="java.util.*,com.aowin.scm.model.*" pageEncoding="GB18030"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>产品选择平台</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link href="css/style.css" rel="stylesheet" type="text/css">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	
	<script language="javascript" src="<%=basePath %>script/common.js"></script>
    <script language="javascript" type="text/javascript">
      var rowlength; //每行多少个单元
	  function init() {
		rowlength = document.all.spxxTable.rows[0].cells.length;
	  }
	  function choice(index) {
		var row = document.all.spxxTable.rows(index);
		var result = new Array(rowlength);
		var i;
		for (i=1; i<rowlength; i++) {
			result[i-1] = row.cells[i].innerText;
		}
		window.returnValue = result;
		window.close();
	}
	function choiceAnonymous() {
		var len = spxxTable.rows.length;
		var i;
		for (i = 1; i < len - 1; i++) {
			if (spxxTable.rows[i].cells[0].innerText == "√") {
				choice(i);
				return;
			}
		}
		alert("请先选择商品");
	}
	function selectItem(index) {
		var len = spxxTable.rows.length;
		var selectedNumber = -1;
		var i, length;
		for (var i = 1; i < len - 1; i++) {
			if (spxxTable.rows[i].cells[0].innerText == "√") {
				selectedNumber = i;
				break;
			}
		}
		if (selectedNumber==-1) { //第一次选择
			spxxTable.rows[index].cells[0].innerText = "√";
			for(i=0; i<rowlength; i++)
				spxxTable.rows[index].cells[i].style.backgroundColor = "#C1CDD8";
		} else if (selectedNumber==index) { //取消选择
			spxxTable.rows[index].cells[0].innerText = "";
			for(i=0; i<rowlength; i++)
				spxxTable.rows[index].cells[i].style.backgroundColor = "#fff7e5";
		} else if (selectedNumber!=index) { //取消上次选择并选择新的
			spxxTable.rows[index].cells[0].innerText = "√";
			for(i=0; i<rowlength; i++)
				spxxTable.rows[index].cells[i].style.backgroundColor = "#C1CDD8";
			spxxTable.rows[selectedNumber].cells[0].innerText = "";
			for(i=0; i<rowlength; i++)
				spxxTable.rows[selectedNumber].cells[i].style.backgroundColor = "#fff7e5";
		}
	}
	
    </script>
  </head>
  
 <body onLoad="init()">
<table width="100%"  border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="30px" nowrap class="toolbar">&nbsp;</td>
    <td width="40px" nowrap class="toolbar" onMouseOver="OMO()" onMouseOut="OMOU()" onClick="choiceAnonymous()"><img src="images/confirm.gif">确定</td>
    <td width="20px" nowrap class="toolbar">|</td>
    <td width="40px" nowrap class="toolbar" onMouseOver="OMO()" onMouseOut="OMOU()" onClick="window.close()"><img src="images/cancel.gif">取消</td>
	<td align="center" valign="middle" nowrap class="toolbar">&nbsp;</td>
  </tr>
</table>
<table width="100%"  border="0" align="center" cellspacing="1" class="a1" id="spxxTable">
  <tr>
    <td class="title1">选择</td>
    <td class="title1">产品编号</td>
    <td class="title1">数量单位</td>
  </tr>
   <%
        Pro product;
        int i = 1;
       ArrayList al = (ArrayList)session.getAttribute("productlist");
 
    	Iterator it = al.iterator();
    	while(it.hasNext())
    	{   
    		product =(Pro)it.next();
    		pageContext.setAttribute("product",product);
    	%>
    	
    	 <tr onClick="selectItem(<%=i %>)" onMouseOver="OMO1()" onDblClick="choice(<%=i %>)" align="center"><td></td><td >${product.productCode}</td><td >${product.unitName }</td></tr>
    	<%
    		i++;
    		
    	}
    	
    	
  %>
  <tr>
    <td class="title2"></td>
  </tr>
  </table>
    
  </body>
</html>

⌨️ 快捷键说明

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