`

二维表 课程表

    博客分类：
  • jsp
 
阅读更多

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

 

分享到：
| jstl select
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    authorware 创建二维表

    在Authorware中，创建二维表是一种重要的数据管理方式，它可以帮助用户组织和显示结构化的信息。下面将详细介绍如何在Authorware中创建二维表以及相关的知识点。 1. **基本概念** - **Authorware**：Authorware是...

    源代码-Excel二维表数据转SELECT CASE 工具 v2.0.zip

    【标题】"源代码-Excel二维表数据转SELECT CASE 工具 v2.0" 提供的是一款将Excel中的二维表数据转换成SQL语句中SELECT CASE结构的实用工具。这款工具特别适用于需要处理大量条件判断逻辑的数据库操作场景，能够帮助...

    数据结构课程设计-二维数组

    本项目是针对数据结构课程设计，采用C++语言实现了一个二维数组的示例，旨在帮助学习者更好地理解和运用这一概念。 二维数组可以被视为一维数组的数组，它由行和列组成，常被用来模拟表格数据。在C++中，二维数组的...

    Python项目-自动办公-44 excel处理实例（二维表转一维表）.zip

    毕业设计、期末大作业、课程设计、高分必看，下载下来，简单部署，就可以使用。 包含：项目源码、数据库脚本、软件工具等，前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很...

    python二维表转一维表-曾贤志从零基础开始学用Python处理Excel数据第1-2季.pdf

    通过这个系列教程，学习者将掌握从读取Excel数据到转换为一维表等一系列技能，为后续的数据分析和处理奠定坚实的基础。教程通过实例演示，使学习过程更加直观和实用，适合那些希望提高Excel数据处理效率的初学者。

    AnimateCC二维动画设计与制作-课程标准.pdf

    AnimateCC二维动画设计与制作课程标准 本课程旨在培养数字媒体应用技术专业（影视动画方向）学生的二维动画设计与制作能力，目标是让学生掌握计算机二维动画设计与制作的基本知识与创作技巧，能制作不同类型的简单...

    二维稳态导热微分方程的数值求解（matlab）

    通过分析和运行这个代码，学生可以深入理解二维稳态导热问题的数值求解方法，并将其应用到《传热学》、《数值传热学》和《工程热力学》等相关课程的上机作业中。 总的来说，二维稳态导热微分方程的数值求解是工程和...

    课程表源码

    【课程表源码】是一个项目，旨在模仿"超级课程表"这一广受欢迎的教育应用的课表界面。这个项目的核心目标是为用户提供一个直观、易用的课程安排展示，类似于"超级课程表"的用户体验。在开发过程中，开发者可能会关注...

    CAD绘制与编辑三维表面模型.ppt

    例如，多边形网格可用于创建规则的多边形表面，旋转曲面是通过围绕一轴旋转二维轮廓来生成三维表面，而边界曲面则是基于边界边线创建连续的三维表面。 在模型的视觉呈现方面，着色与消隐处理能够增加模型的真实感。...

    定义一个二维数组用于存储学生的学号，姓名和c#课程的考试成绩，然后输入学号、姓名和c#成绩。最后按c#成绩升序和降序输出成绩单。

    在这个问题中，我们需要定义一个二维数组来存储学生的基本信息，包括学号、姓名以及他们在C#课程中的考试成绩。接下来，我们将详细讲解如何实现这个功能，并按照成绩的升序和降序输出成绩单。 首先，我们需要创建一...

    有限差分法求解二维静电场（不同介质）

    "有限差分法求解二维静电场（不同介质）" 本文主要讨论了有限差分法在不同介质下的二维静电场计算中的应用。有限差分法是一种微分的方法，是历史上最悠久、理论最完整的数值分析方法。用微分代替差分，使有限差分法...

    手机课程表助手+源码

    开发者可能会选择使用二维数组、链表或者更复杂的结构来存储课程数据，如课程名、教师、教室、时间等。为了高效地查找、添加和修改课程，可能还运用了二分搜索、哈希表等算法。 此外，考虑到用户可能需要导入导出...

    兄弟连数据库第一天课程笔记

    数据库 1.数据的存储 3 内存 贵 小 容易丢失 FILE 大 便宜 不容丢失 ... 由行 和 列组成的 表格 叫二维表 表头 table header 行 row 列 column 字段名 field 字段值 field value 表 table

    SuperMap_Deskpro_.NET_二维地图制

    *** 是北京超图软件股份有限公司...通过本课程的学习，GIS开发人员应能够熟练掌握***的二维地图制作和专题图的制作技巧，将各种空间数据通过可视化的方式展现出来，为地理信息系统的研究和应用提供直观的辅助决策工具。

    vb制作的通用课程表

    例如，我们可能创建一个二维数组，每一行代表一天的课程，每一列则包含课程的各种属性。此外，为了方便操作，还可以利用数据库技术，如Access，将课程信息持久化存储。 接着，VB界面设计是关键。我们可以创建多个...

    学生课程表源代码

    例如，可以使用二维数组来表示每周的课表，每一行代表一天，每一列代表一个时间段；或者使用链表来存储每门课程的信息，如课程名、教师、教室等。此外，哈希表可以用来快速查找和更新课程信息。 2. 算法：在处理...

    第8章 绘制与编辑复杂二维图形对象

    ### AutoCAD 2007 绘制与编辑复杂二维图形对象详解 #### 一、章节概述 在《第8章 绘制与编辑复杂二维图形对象》这一章节中，我们将会深入探讨如何利用AutoCAD 2007来绘制和编辑复杂的二维图形。这一部分不仅适用于...

    一个二维数据的应用范例

    1. **初始化二维数组**：首先定义了一个二维整型数组`score`，其中第一维表示学生数量，第二维表示课程数量。 ```csharp const int stuCount = 4; // 学生数量 const int classCount = 4; // 课程数量 int[,] ...

    手表二维设计表现分析.pptx

    在本课程中，我们将深入探讨计算机辅助工业设计（CAD）在运动型手表设计中的应用。首先，我们要了解这种手表在日常运动和健身活动中扮演的重要角色，它们能够记录心率、步数等多种运动数据，深受现代人喜爱。尽管...

    《二维动画制作基础》课程标准[参照].pdf

    《二维动画制作基础》课程是针对影视动画专业的实践课程，旨在教授学生如何使用Flash软件制作简单动画和课件。这门课程涵盖了丰富的知识点，包括基本的绘图技法、动态表现、表情和对话的创建，旨在让学生掌握二维...

Magicbox
Global site tag (gtag.js) - Google Analytics