二维表课程表

最新推荐文章于 2022-05-27 23:40:33 发布

yangyanjava

最新推荐文章于 2022-05-27 23:40:33 发布

阅读量327

点赞数

分类专栏：前端文章标签： java javascript ViewUI

本文链接：https://blog.csdn.net/yangyanjava/article/details/84609291

版权

前端专栏收录该内容

32 篇文章 0 订阅

订阅专栏

<%@ 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>

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

rel="stylesheet" />

rel="stylesheet" />

rel="stylesheet" />

rel="stylesheet">

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

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

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>

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

οnchange="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>

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

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

</div>

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

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

</div>

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

id="courseForm">

等级\结构

</td>

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

varStatus="JG">

<td οnclick="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">

<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>

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

height="30px" />

</td>

</tr>

</form>

</div>

</body>

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>

yangyanjava

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

二维表 课程表

二维表课程表