JSP弹框界面

最新推荐文章于 2022-03-22 17:35:17 发布

flyinggor

最新推荐文章于 2022-03-22 17:35:17 发布

阅读量2.3k

点赞数

分类专栏： JSP界面

本文链接：https://blog.csdn.net/u012551076/article/details/50846059

版权

这周任务要重做一个功能，用到的主要是弹框上的传值，初次理解，感觉挺难，看了别人的布局，有了体会：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	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="Content-Type" content="text/html; charset=utf-8" />
		<script src="js/jquery.js"></script>
		<script src="js/bootstrap.js"></script>
		<!-- plugins1 -->
		<script src="js/bootstrap-modal.js"></script>
		<script src="js/bootstrap-validator.js"></script>
		<script src="js/app.js"></script>
		<script src="js/inputValidate.js"></script>
		<script src="js/jquery.validation.min.js"></script>

		<!-- plugins2 -->
		<link href="css/framework.css" rel="stylesheet" media="screen, projection">
		<link href="css/style.css" rel="stylesheet" media="screen, projection">
		<link href="css/theme.css" rel="stylesheet" media="screen, projection">
		<link href="css/stylecss.css" rel="stylesheet" type="text/css" />
		<link href="css/comm/bootstrap-validator.css" rel="stylesheet" media="screen, projection">
		<link href="css/font-awesome.min.css" rel="stylesheet" media="screen, projection">
		
		<!-- plugins3 -->
		<script src="../js/brand.js"></script>
		<script src="../js/jquery-1.7.2.js"></script>
		<script src="../js/upLoadify/jquery.uploadify-3.1.min.js"></script>
		<script	src="../js/colResizable-1.5.min.js"></script>
		
		<script type="text/javascript">
			function clickEdit1(naviName1,naviSort,naviId){
				$("#editTwoNaviSubmit").Validator();
				$("#one").val(naviName1);
				$("#px1").val(naviSort);
				$("#naviId").val(naviId);
				
			}
			function clickEdit2(naviName2,upNaviId,naviId){
				$("#editOneNaviSubmit").Validator();
				$("#two").val(naviName2);
				$("#up_NaviId").val(upNaviId);
				$("#naviId1").val(naviId);
				//商品一级分类异步加载
				$.post("systemSettings/homeCategoryShow_oneNavi",{},function(data){
	   	  	  	var upNaviId = $("#up_NaviId").val();
	   	  	  	var len = data.length;
	   		    var str = "";
	   				if (len > 0) {
	   					for(var i = 0; i < len; i++) {
	   						if(data[i]['naviId']==upNaviId){
	   						str += "<option value='"+data[i]['naviId']+"' selected='selected' >"+data[i]['naviName']+"</option>";
	   						}else{
	   						str += "<option value='"+data[i]['naviId']+"'>"+data[i]['naviName']+"</option>";
	   						}
	   					}
	   					$("#upNaviId").html(str);
	   		        }
	   	  	  });
			
			}
			//添加二级分类
			function clickAdd(upNaviId){
				$("#upNaviId2").val(upNaviId);
			}
			function getValue(value){
				$("#value").val(value);
			}
			//一级分类编辑
			function editOneNaviSubmit(e) {
			
				var form = e.target;
		    	e.preventDefault();
		    	$.post("systemSettings/homeCategoryShow_updateOneNavi", $(form).serialize(), function(msg) {
					$("#messagebox").message(msg, "success");
					setTimeout(function() {
						window.location.href = "systemSettings/homeCategoryShow_toCategoryShow";
					}, 1000);
				});
			}
			
			//二级分类编辑
			function editTwoNaviSubmit(e) {
				var form = e.target;
		    	e.preventDefault();
		    	$.post("systemSettings/homeCategoryShow_updateTwoNavi", $(form).serialize(), function(msg) {
					$("#messagebox").message(msg, "success");
					setTimeout(function() {
						window.location.href = "systemSettings/homeCategoryShow_toCategoryShow";
					}, 1000);
				});
			}
			
			//添加二级分类
			function addTwoNaviSubmit(e) {
				var form = e.target;
		    	e.preventDefault();
		    	$.post("systemSettings/homeCategoryShow_addTwoNavi", $(form).serialize(), function(msg) {
					$("#messagebox").message(msg, "success");
					setTimeout(function() {
						window.location.href = "systemSettings/homeCategoryShow_toCategoryShow";
					}, 1000);
				});
			}
		</script>
	</head>

	<body >
		<div class="alert alert-error message in" role="alert" id="messagebox" style="top: 50px; left: 696px; display: none; visibility: visible;"></div>
		<div class="workground" id="workground">
		<div class="content-head">
			<div class="finder-title">
				<h2 class="head-title span-auto">
					首页商品分类
				</h2>
			</div>
		
		</div>
		<div class="content-main" id="main">
			<div class="finder-list finder-normal">
				<table class="table table-bordered table-hover table-shopcat text-center" id="data_table">
					<colgroup>
						<col class="col-md-1">
						<col class="col-md-1">
						<col class="col-md-3">
					</colgroup>
					<thead>
						<tr>
							<td>排序</td>
							<td>一级导航名称</td>
							<td>二级导航名称</td>
						</tr>
					</thead>
					<tbody>
						<s:iterator value="desktopCatNavi" var="nOne">
							<tr style="background: rgb(255, 255, 255) none repeat scr

最低0.47元/天解锁文章

flyinggor

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JSP弹框界面

这周任务要重做一个功能，用到的主要是弹框上的传值，初次理解，感觉挺难，看了别人的布局，有了体会：<% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPo
复制链接

扫一扫