[#ftl][#include "/com/ekingstar/eams/teach/program/ftllib/planGroupFunctions.ftl" /]<link rel="stylesheet" type="text/css" href="static/css/plan.css" /><link rel="stylesheet" type="text/css" href="static/scripts/treetable/css/jquery.treeTable.css" /><script type="text/javascript" src="${base}/static/scripts/treetable/jquery.treeTable.js"></script><style>
</style>
<table class="formTable" width="100%" id="optionTable"> <caption>课程组列表11</caption> <tr align="center"> <td width="3px" class="gridselect-top"><input type="checkbox" name="std.idbox" οnclick="bg.ui.grid.toggleAll(event)" title="选择全部"> </td> <td align="center" style="background-color: #c7dbff;width:10%">课程类别</td> <td align="center" style="background-color: #c7dbff;width:10%">课程编号</td> <td align="center" style="background-color: #c7dbff;width:10%">课程名称</td> <td align="center" style="background-color: #c7dbff;width:10%">大类</td> <td align="center" style="background-color: #c7dbff;width:10%">小类</td> <td align="center" style="background-color: #c7dbff;width:10%">课程性质</td> <td align="center" style="background-color: #c7dbff;width:5%">学分</td> <td align="center" style="background-color: #c7dbff;width:5%">学时</td> <td align="center" style="background-color: #c7dbff;width:20%">学分分布</td> <td colspan="2" align="center" style="background-color: #c7dbff;width:7%">操作</td> </tr> <tr> <td colspan="12" align="center" id="td-bar"><input type="button" class="btn-add" value="添加课程"/> <div id="validinfo"></div> </td> </tr> <tr> <td colspan="12" align="center"><input type="button" id="save" value="保存"/></td> </td> </tr> </table>
<script language="javascript"> jQuery('.btn-add').click(function(){ var index =0; if(jQuery('#optionTable').find('tr.tr-option').length>0){ index = parseInt(jQuery('#optionTable').find('tr.tr-option').last().attr('index'))+1; } var name="option"+index+".name"; jQuery(this).parent('td').parent('tr').before( '<tr class="tr-option" index='+index+'>'+ '<td width="25px" class="gridselect"><input class="box" name="'+"member"+index+".name"+'" value="" type="checkbox"></td>'+ '<td align="center"><input maxlength="200" class="optName" value="" name="'+"member"+index+".name"+'"/></td>'+ '<td align="center"><input maxlength="200" class="optName2" value="" name="'+"member"+index+".task"+'"/></td>'+ '<td align="center"><input maxlength="200" class="optName3" value="" name="'+"member"+index+".title"+'"/></td>'+ '<td align="center"><input maxlength="200" class="optName4" value="" name="'+"member"+index+".title"+'"/></td>'+ '<td align="center"><input maxlength="200" class="optName5" value="" name="'+"member"+index+".title"+'"/></td>'+ '<td align="center"><input maxlength="200" class="optName6" value="" name="'+"member"+index+".title"+'"/></td>'+ '<td align="center"><input maxlength="200" class="optName7" value="" name="'+"member"+index+".title"+'"/></td>'+ '<td align="center"><input maxlength="200" class="optName8" value="" name="'+"member"+index+".title"+'"/></td>'+ '<td align="center"><input maxlength="200" class="optName9" value="" name="'+"member"+index+".title"+'"/></td>'+ '<td align="center" class="gridselect">'+'<input type="button" class="btn-del" value="删除"/></td>'+ '<td align="center" class="gridselect">'+'<input type="button" class="btn-add" value="保存"/></td>'+ '</tr>' ) jQuery('.btn-del').click(function(){ jQuery(this).parent('td').parent('tr').remove(); }); });</script>
转载于:https://www.cnblogs.com/MIXP/p/8983704.html
