二维表 课程表

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%

String path = request.getContextPath();

%>

<html>

<head>

<meta charset="utf-8">

<meta name="description" content="">

<meta name="author" content="">

<title>课程管理平台</title>

<script src="<%=path%>/resources/admin/js/jquery-1.8.3.min.js"></script>

<link href="<%=path%>/resources/admin/css/bootstrap.min.css"

rel="stylesheet" />

<script src="<%=path%>/resources/admin/js/bootstrap.min.js"></script>

<script src="<%=path%>/resources/admin/js/bootstrap-select.js"></script>

<link href="<%=path%>/resources/admin/css/flat-ui.css"

rel="stylesheet" />

<link href="<%=path%>/resources/admin/css/AccountManagement.css"

rel="stylesheet" />

<link href="<%=path%>/resources/admin/css/style.css" rel="stylesheet" />

<link href="<%=path%>/resources/admin/css/reveal.css" rel="stylesheet" />

<link href="<%=path%>/resources/admin/css/dashboard.css"

rel="stylesheet">

<link rel="stylesheet"

href="<%=path%>/resources/admin/css/LevelCourse.css" />

<script type="text/javascript">

//当没有选择合作伙伴的时候,不能添加等级和结构

function jiance(){

var select1=$("#select  option:selected").text();

if(select1!="选择主机厂"){

document.getElementById("zjdj").className="btn btn-block btn-lg btn-inverse";

document.getElementById("zjjg").className="btn btn-block btn-lg btn-inverse";

}

}

//根据选择的合作伙伴的id,出现不同的list页面

function xzzj(){

var partnerValue=$("#select  option:selected").val();

document.getElementById("partnerId").value=partnerValue;

location.href="<%=path%>/admin/courseGrade/courseGradeList?partnerId="+partnerValue;

}

              function show(obj,valu){

obj.innerHTML = "<input type='text' id='kk' onBlur='blurSJ(this,this.value);' name='name' value='"+ valu +"'> ";

var s=obj.innerHTML;

}

 

function blurSJ(obj,value){

$(obj).after(value);

    $(obj).remove();

}

function test(){

var jglength=$("#mm td").length;

var djlength=$("#course tr").length;

var jiegou="",dengji="",zhishikuai="";

 

//等级的拼接

for(var j=1;j<djlength;j++){

var dj= "dj_"+j+"0"+":"+$("#dj_"+j+"0").text().trim();

dengji=dengji+dj+",";

}

 

for(var i=1;i<jglength;i++){

//结构的拼接

   var jg="jg_"+"0"+i+":"+$("#jg_"+"0"+i).text().trim();

jiegou=jiegou+jg+",";

 

 for(var j=1;j<djlength;j++){

//知识块的拼接

var zsk="zsk_"+j+i+":"+$("#zsk_"+j+i).text().trim();

zhishikuai=zhishikuai+zsk+",";

}

}

 

document.getElementById("jiegou").value=jiegou;

document.getElementById("dengji").value=dengji;

document.getElementById("zhishikuai").value=zhishikuai;

document.forms[0].action ="<%=path%>/admin/courseGrade/save";

     document.forms[0].submit();

return false;

}

</script>

</head>

<body>

 

 

<div class="col-xs-10">

<div class="main">

<div class="main-top1">

<div class="col-xs-3">

<!-- 传到后台-->

<input type="hidden" id="partnerId" name="partnerId" value="">

<select name="partner.id" style="width: 200px" id="select"

onchange="xzzj();">

 

<c:forEach var="pl" items="${partnerList}">

<option name="pl.id" value="${pl.id}" <c:if test="${pl.id == pId}">selected</c:if>>${pl.name}</option>

</c:forEach>

</select>

</div>

<div class="col-xs-3" style="width: 150px">

<input type="button" value="添加等级" id="zjdj"

class="btn btn-inverse disabled" onclick="return tjdengji();">

</div>

<div class="col-xs-3" style="width: 150px">

<input type="button" value="添加结构" id="zjjg"

class="btn btn-inverse disabled" onclick="return tjjiegou();">

</div>

 

</div>

 

<div class="main-bottom">

<form action="<%=path%>/admin/courseGrade/save" method="post"

id="courseForm">

<table border="1px" width="800px" id="course">

<tr id="mm">

<td id="jg_00">

等级\结构

</td>

<!-- 结构 -->

<c:forEach items="${courseStructureList}" var="courseStructure"

varStatus="JG">

<input type="hidden" id="jiegou" name="jiegouid" value="">

<td onclick="show(this,'${courseStructure.name}')"

onDblClick="show(this,'${courseStructure.name}')"

id="jg_0${JG.index+1 }">

${courseStructure.name}

</td>

</c:forEach>

</tr>

<!--知识块 -->

<c:forEach items="${courseKnowledgeBlockList}"

var="courseKnowledgeBlock" varStatus="ZSK">

<tr>

<!-- 等级 -->

 

<c:forEach items="${courseGradeList}" var="courseGrade"

varStatus="DJ">

<input type="hidden" id="dengji" name="dengjiid" value="">

<c:if test="${ZSK.index==DJ.index}">

<td onDblClick="show(this,'${courseGrade.name}')"

id="dj_${ZSK.index+1}0">

${courseGrade.name}

</td>

</c:if>

</c:forEach>

<c:forEach items="${courseKnowledgeBlock}" var="zhishikuai"

varStatus="Jg">

<input type="hidden" id="zhishikuai" name="zhishikuaiid"

value="">

<td onDblClick="show(this,'${zhishikuai.name}')"

id="zsk_${ZSK.index+1}${Jg.index+1 }">

${zhishikuai.name}

</td>

</c:forEach>

</tr>

</c:forEach>

</table>

<tr>

<td colspan="7">

<input type="button" value="提交" id="tjForm" onclick="test();"

height="30px" />

</td>

</tr>

</form>

</div>

 

</div>

</div>

</div>

</div>

 

</div>

</body>

<script type="text/javascript">

function tjdengji(){

$("#course tr:last").after('<tr></tr>');

for(var a=0;a<$("tr:eq(0) td").length;a++) {

$("tr:last").append("<td ><input type='text' size='10'></td>");

}

$("zjdj").load('<%=path%>/admin/courseGrade/addDJ');

}

function tjjiegou(){

$("#course tr").append("<td><input type='text' size='10'></td>");

$("zjjg").load('<%=path%>/admin/courseGrade/addJG');

}

 

</script>

</html>

 

你可能感兴趣的:(二维表 课程表)