📄 client_level_chart.jsp

📁 java大型企业DRP系统源码带sql数据库
💻 JSP
字号:
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<%@ page import="java.util.*" %>
<%@ page import="com.bjsxt.drp.statreport.*" %>
<%
	Map regionMap = ClientStatManager.getInstance().getRegions();
%>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
		<title>分销商级别分布图</title>
		<link rel="stylesheet" href="../style/drp.css">
		<script type="text/javascript">
			var xmlHttp;
	
			function createXMLHttpRequest() {
				if(window.XMLHttpRequest) {
					xmlHttp = new XMLHttpRequest();
				} else if (window.ActiveXObject) {
					xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
				}
			}
			
			function onchangeSelect() {
				createXMLHttpRequest();
				var regionId = document.getElementById("regionId");
				var url = "../servlet/SelectProvinceServlet?regionId=" + regionId.value + "&timestampt=" + new Date().getTime();
				xmlHttp.open("GET", url, true);
				xmlHttp.onreadystatechange = callback;
				xmlHttp.send(null);			
			}
			
			function callback() {
				if(xmlHttp.readyState == 4) {
					if(xmlHttp.status == 200) {
						//alert(xmlHttp.responseText);
						xmlDoc = xmlHttp.responseXML.documentElement;
						var selectProvince = document.getElementById("province");
						var xSels = xmlDoc.getElementsByTagName("select"); 
						selectProvince.options.length = 0;
						for (var i = 0; i< xSels.length; i++) {
							//var id = xSels[i].childNodes[0].firstChild.nodeValue;
							var id = xSels[i].childNodes[0].childNodes[0].nodeValue;
							var name = xSels[i].childNodes[1].childNodes[0].nodeValue;
							var option = new Option(name, id);
							selectProvince.add(option);
						}
					}
				}
			}
		</script>
	</head>

	<body class="body1">
		<form name="clientLevelChartForm" target="_self"
			id="clientLevelChartForm">
			<div align="center">
				<table width="95%" border="0" cellspacing="0" cellpadding="0"
					height="35">
					<tr>
						<td class="p1" height="18" nowrap>&nbsp;
							
					  </td>
					</tr>
					<tr>
						<td width="522" class="p1" height="17" nowrap>
							<img src="../images/mark_arrow_02.gif" width="14" height="14">
							&nbsp;
							<b>统计/报表管理&gt;&gt;分销商级别分布图</b>
						</td>
					</tr>
				</table>
				<hr width="100%" align="center" size=0>
				<table width="95%" height="40" border="0" cellpadding="0"
					cellspacing="0">
					<tr>
						<td width="14%" height="40">
							<div align="right">
								分销大区:&nbsp;							</div>						</td>
						<td width="13%">
							<select name="regionId" class="select1" id="regionId" onchange="onchangeSelect()">
								<option value="0">
									--全部--								</option>
		                        <%
		                        	for (Iterator iter = regionMap.entrySet().iterator(); iter.hasNext();) {
		                        		Map.Entry entry = (Map.Entry)iter.next();
		                         %>
		                        <option value="<%=entry.getKey() %>"><%=entry.getValue() %></option>
		                        <%
		                        	}
		                         %>
							</select>						
						</td>
						<td width="13%">
							<div align="right">
								分销省:&nbsp;							</div>						</td>
						<td width="16%">
							<select name="province" class="select1" id="province">
								<option value="0">
									--全部--								</option>
							</select>						</td>
						<td width="16%"><input name="radiobutton" type="radio" value="radiobutton" checked>
饼图 
  <input name="radiobutton" type="radio" value="radiobutton">
柱状图 </td>
					    <td width="28%"><input name="btnQuery" type="button" class="button1"
								id="btnQuery" value="查询"></td>
					</tr>
			  </table>
				<hr width="100%" align="center" size=0>
			  <div align="center"></div>
			</div>
			<table width="95%" border="0" cellpadding="0"
					cellspacing="0">
              <tr>
                <td>
				 <iframe scrolling="auto"  name="pageFrame" src="../servlet/ChartDemoServlet"  frameborder="0" width="100%" height="500" ></iframe> 
				</td>
              </tr>
            </table>
			<p>&nbsp;			</p>
		</form>
	</body>
</html>
⌨️ 快捷键说明

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