做dgwjj那个系统的时候用到的一个页面动态新增<th><td>的代码,留存。
页面代码:
java代码:
页面代码:
<script type="text/javascript">
var tabsize="${requestScope.tabSize}";
function addtabfun(){
var tr = $("#itb tr").eq(1).clone();
tr.find("td").get(0).innerHTML = "<input type=\"text\" name=\"itemList["+tabsize+"].item\"/>";
tr.find("td").get(1).innerHTML = "<input type=\"text\" name=\"itemList["+tabsize+"].num\"/>";
tr.find("td").get(2).innerHTML = "<input type=\"text\" name=\"itemList["+tabsize+"].amount\"/>";
tr.show();
tr.appendTo("#itb");
tabsize = tabsize + 1;
}
function dlttabfun(t){
var va=$(t);
var vtr=va.parent("td").parent("tr");
vtr.remove();
}
</script>
<c:forEach var="item" items="${itemList }" varStatus="idx">
<tr class="rowoutdarkwhite">
<td align="center"><input type="hidden" name="itemList[${idx.index }].id" value="${item.id }" />
<input type="hidden" name="itemList[${idx.index }].fundPayId" value="${item.fundPayId }" />
<input type="text" name="itemList[${idx.index }].item" value="${item.item }" />
</td>
<td align="center">
<input type="text" name="itemList[${idx.index }].num" value="${item.num }" />
</td>
<td align="center">
<input type="text" name="itemList[${idx.index }].amount" value="${item.amount }" />
</td>
<td align="center">
<a href="#" onclick="dlttabfun(this)">删除</a>
</td>
</tr>
</c:forEach>
java代码:
//action:
//声明全局变量和get set方法
private List <PbFundPayItem> itemList=new ArrayList<PbFundPayItem>();
public String findAddPage(){
//初始化新增页面的行数
ServletActionContext.getRequest().setAttribute("tabSize", 5);
for(int i=0;i<5;i++){
itemList.add(new PbFundPayItem());
}
return "findAddPage";
}
//service:
//保存pbFundPayItems
for(PbFundPayItem p: pbFundPay.getPbFundPayItems()){
if(p==null)
continue;
p.setPbFundPay(pbFundPay);
pbFundPayItemDao.saveOrUpdate(p);
}