这周任务要重做一个功能,用到的主要是弹框上的传值,初次理解,感觉挺难,看了别人的布局,有了体会:
<%@ 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