`

在原有的表格中,添加行与列

 
阅读更多

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

<%

String path = request.getContextPath();

%>

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

<html>

<head>

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

<script type="text/javascript">

function show(obj,valu){

obj.innerHTML = "<input type='text' name='name' value='"+ valu +"'>";

}

 

</script>

</head>

<body>

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

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

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

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

<tr id="ss">

<td id="mm">

等级\结构

</td>

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

<td onDblClick="show(this,'${courseStructure.name}')" id="jg">

<input type="hidden" name="id" value="courseStructure.id">

<input type="hidden" name="name" value="${courseStructure.name}">

${courseStructure.name}

</td>

</c:forEach>

</tr>

 

 

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

var="courseKnowledgeBlock" varStatus="s1">

<tr>

 

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

varStatus="status">

 

<c:if test="${s1.index==status.index}">

 

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

<input type="hidden" name="id" value="courseGrade.id">

<input type="hidden" name="name" value="${courseGrade.name}">

${courseGrade.name}

</td>

 

</c:if>

</c:forEach>

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

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

<input type="hidden" name="id" value="zhishikuai.id">

<input type="hidden" name="name" value="${zhishikuai.name}">

${zhishikuai.name}

</td>

 

</c:forEach>

</tr>

</c:forEach>

</table>

</form>

</body>

<script type="text/javascript">

$("#zjdj").click(function(){

$("#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>")

}

});

$("#zjjg").click(function(){

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

});

</script>

</html>

 

分享到:
评论

相关推荐

    Word表格及Excel中斜线表头的绘制方法.docx

    在“表头样式”列表中,我们可以选择五种不同的样式,然后输入所需的行、列标题。 需要注意的是,在使用“绘制斜线表头”编辑表头时,新的表头将会代替原有的表头。如果表格单元格容纳不下输入的标题,我们会看到...

    Word2021表格怎么绘制斜线表头及样式.docx

    在选择表头样式后,需要在各个标题框中输入所需的行、列标题。需要注意的是,在使用“绘制斜线表头”编辑表头时,新的表头将会代替原有的表头。如果表格单元格容纳不下输入的标题,用户会看到警告,并且容纳不下的...

    Excel中插入表的妙用——像数据库一样使用表

    但主要的功能还只是一个“格”,一此涉及数据处理的场合,还是显得不够方便,把已有的数据选中(包含标题),按Ctrl+T(插入——表),即可以将原有的内容转换为区域,区域中的列会被自动添加为名称,在表格中的其它...

    办公软件(操作员级)试题汇编操作的指南.doc

    * 插入、删除行(列):插入行(列),删除行(列),删除行(列)中的文字 * 合并拆分单元格:合并拆分指定的单元格 * 设置行高和列宽:设置指定的行高和列宽 * 文本对齐:水平和垂直对齐 * 设置边框:按指定的线型...

    Word2021绘制斜线表头的方法.docx

    首先,在Word2021中插入新表格或单击要添加斜线表头的表格。然后,在"布局"选项卡上,单击"绘制斜线表头"。在"表头样式"列表中,选择所需的样式。共有五种样式可供选择,可以使用"预览"框来预览所选的表头从而确定...

    模块2 实操题.docx

    例如,在题目 5 中,我们需要在表格中的最后一列前插入一列,并以表中原有内容的字体、字号和格式添加下列内容。这时,我们可以使用 Word 2010 的表格工具,插入一列,然后使用“格式刷”工具将原有内容的字体、字号...

    电大2013年秋)计算机应用基础形成性考核册题目及答案

    执行下列编辑操作:在表格中的最后一列前插入一列,并以表中原有内容的字体、字号和格式添加下列内容:四季度、19、、18、20,并将总计一列的数值作相应的调整,添加完成后将表格外框线改为1/2磅单实线,内框线改为3...

    Excel公式大全操作应用实例(史上最全)

    将原有列中的内容倒置过来 快速回到A1单元格 复制粘贴中回车键的妙用 一次选中批注单元格 一次在所有单位格中插入批注 在公式中插入批注 不连续单元格填充同一数据 空白行的填充 怎样用函数向下实现自动填充 怎么...

    EXCEL函数公式集

    将原有列中的内容倒置过来 快速回到A1单元格 复制粘贴中回车键的妙用 一次选中批注单元格 一次在所有单位格中插入批注 在公式中插入批注 不连续单元格填充同一数据 空白行的填充 怎样用函数向下实现自动填充 怎么...

    Microsoft-Word2010培训教程.doc

    48 4.3插入与删除行和列 49 4.3.1插入行 49 4.3.2插入列 49 4.3.3删除行 50 4.3.4删除列 50 4.4插入与删除单元格 51 4.4.1插入单元格 51 4.4.2删除单元格 51 4.5合并和拆分单元格 52 4.5.1合并单元格 52 4.5.2拆分...

    File文件登记簿软件

    则按照无表格线的一行一列的表格来看待,以直尺量出表格最宽处为16厘米,则在单元格宽度处填入1600,特别注意,计量单位是以十分之一毫米为一个单位,高度35毫米则填入350(高度或其他项目如与上个单元格...

    File文件登记簿(通用打印版)

    则按照无表格线的一行一列的表格来看待,以直尺量出表格最宽处为16厘米,则在单元格宽度处填入1600,特别注意,计量单位是以十分之一毫米为一个单位,高度35毫米则填入350(高度或其他项目如与上个单元格...

    个人制作播放器

    高级表格单元格进入编辑状态时,自动设置编辑状态下的文本字体和颜色与当前单元格一致,同时还允许用户在“将被编辑”事件中调用“置编辑状态字体和颜色()”改变此默认行为。 增加“高级表格.客户区背景颜色()”方法...

    25175学生成绩管理查询系统 v2.82.rar

    4-2、“课程管理-批量课程添加”,选择批量添加的课程数,输入公共字,也可以不输,点击“设定参数”,在下面出来的新表格中填写课程名称,然后添加。 4-3、“课程管理-任课管理”,你可以编辑、删除某个教师相对应...

    Oracle SQL高级编程(资深Oracle专家力作,OakTable团队推荐)--随书源代码

    Karen Morton及其团队在本书中提供了专业的方案:先掌握语言特性,再学习Oracle为提升语言效率而加入的支持特性,进而将两者综合考虑并在工作中加以应用。作者通过总结各自多年的软件开发和教学培训经验,与大家...

    vfp6.0系统免费下载

    问题 2-6: 如何在 列表框 (ListBox) 控件中添加复选框? 答案: 支持向 Visual FoxPro 内部的列表框控件添加复选框是一种较为普遍的要求。在新版的 Microsoft ActiveX ListView 控件及 Treeview 控件中已可以支持复...

    易利项目管理软件2013免费体验版(双代号网络图)

    8.5 任务信息对话框中添加自定义字段,可以直接修改,免除每次都要在任务表格录入的麻烦。多谢群友【㊣夝凨乀網(】反馈 *************** 7.30 横道图中任务条位置纵向居中显示。 多谢网友【㊣夝凨乀網】反馈 ...

    易语言程序免安装版下载

    修改BUG:高级表格在列类型为数值型时,添加新行且省略标题的情况下,会导致程序异常。 16. 修改BUG:数值计算支持库“大数.四舍五入()”命令在最高位进位时,会导致程序异常。 17. 修改BUG:办公组件支持库打印...

    25175学生成绩管理查询系统

    4-2、“课程管理-批量课程添加”,选择批量添加的课程数,输入公共字,也可以不输,点击“设定参数”,在下面出来的新表格中填写课程名称,然后添加。 4-3、“课程管理-任课管理”,你可以编辑、删除某个教师相对应...

Global site tag (gtag.js) - Google Analytics