在table中动态添加删除一行
2014-12-08 13:10
330 查看
//前台页面
[b] <script>
[/b]
function butonsadd(){
debugger;
$("#tables").append("<div><tr><td></td><td><input type='text' name='titelData'/></td></tr>"+
"<br/><tr><td></td><td><textarea type='text' name='contentData' cols='3' rows='2'/>"+
"<input type='button' value='撤销' id='btnremove' onclick='deleteCurrentRow(this)'/></td></tr></div>"
//$("#inputForm).attr("action","${ctx}/pro/visa/save");
);
}
function deleteCurrentRow(obj){
debugger;
$(obj).parent().remove();
}
</script>
<table>
<c:choose>
<c:when test="${opentionList== null || fn:length(opentionList) == 0}">
<tr>
<td>选项资料:</td>
<td>
<input name="titelData" value="${optionData.title}"/>
</td>
</tr>
<tr>
<td></td>
<td>
<input name="contentData" value="${optionData.content}" style="width:205px; height:40px" />
<input type="button" value="添加" style="border:none" onclick="butonsadd()"/>
</td>
</tr>
</c:when>
<c:otherwise>
<c:forEach items="${opentionList}" var="optionData" varStatus="status">
<tbody>
<tr>
<td><c:if test="${status.index == 0 }"> 选项资料:</c:if></td>
<td>
<input name="opId" value="${optionData.id}" style="display:none"/>
<input name="titelData" value="${optionData.title}"/>
</td>
</tr>
<tr>
<td></td>
<td>
<input name="contentData" value="${optionData.content}" style="width:205px; height:40px" />
<c:if test="${status.last }">
<input type="button" value="添加" style="border:none" onclick="butonsadd()"/>
</c:if>
</td>
</tr>
</tbody>
</c:forEach>
</c:otherwise>
</c:choose>
<tr id="tables">
<td></td>
</tr>
</table>
//action类
//跳转保存/修改的页面
@RequiresPermissions("pro:visa:edit")
@RequestMapping(value="update")
public String addSupplies(Visa visa,Model model){
if(visa.getId()!= null){
System.out.println("xiugai.....");
model.addAttribute("visa", visa);
visa= visaService.get(visa.getId());
List<VisaOptionData> opentionList=visa.getOptionDataList();
model.addAttribute("opentionList", opentionList);
System.out.println(visa.getId());
return "modules/pro/visaForm";
}else{
return "modules/pro/visaForm";
}
}
@RequiresPermissions("pro:visa:edit")
@RequestMapping(value = "save")
public String save(Long areaProvince,@RequestParam(required=false) Long[] opId,@RequestParam(required=false) String[] titelData,@RequestParam(required=false) String[] contentData,Long areaCity,Long areaQu,Visa visa,Model
model, RedirectAttributes redirectAttributes) {
if (!beanValidator(model, visa)){
return form(visa, model);
}
if(areaProvince!=0){
if(areaCity!=null&&areaCity!=0){
if(areaQu!=null&&areaQu!=0){
visa.setArea(areaService.get(areaQu));
}else{
visa.setArea(areaService.get(areaCity));
}
}else{
visa.setArea(areaService.get(areaProvince));
}
}
if(visa.getId()==null){
List<VisaOptionData> list =new ArrayList<VisaOptionData>();
for(int i=0;i<titelData.length;i++){
VisaOptionData vod=new VisaOptionData();
vod.setId(opId[i]);
vod.setTitle(titelData[i]);
vod.setContent(contentData[i]);
vod.setVisa(visa);
list.add(vod);
}
visa.setOptionDataList(list);
visaService.saveProduct(visa);
addMessage(redirectAttributes, "保存签证'" + visa.getTitle() + "'成功");
return "redirect:"+Global.getAdminPath()+"/pro/visa/list";
}else{
for(Long oId : opId){
logger.error("[oId]" + oId);
}
List<VisaOptionData> list =new ArrayList<VisaOptionData>();
for(int i=0;i<opId.length;i++){
VisaOptionData vod=new VisaOptionData();
vod.setId(opId[i]);
vod.setTitle(titelData[i]);
vod.setContent(contentData[i]);
vod.setVisa(visa);
list.add(vod);
}
visa.setOptionDataList(list);
visaService.updateVisa(visa);
addMessage(redirectAttributes, "修改签证'" + visa.getTitle() + "'成功");
return "redirect:"+Global.getAdminPath()+"/pro/visa/list";
}
}
[b] <script>
[/b]
function butonsadd(){
debugger;
$("#tables").append("<div><tr><td></td><td><input type='text' name='titelData'/></td></tr>"+
"<br/><tr><td></td><td><textarea type='text' name='contentData' cols='3' rows='2'/>"+
"<input type='button' value='撤销' id='btnremove' onclick='deleteCurrentRow(this)'/></td></tr></div>"
//$("#inputForm).attr("action","${ctx}/pro/visa/save");
);
}
function deleteCurrentRow(obj){
debugger;
$(obj).parent().remove();
}
</script>
<table>
<c:choose>
<c:when test="${opentionList== null || fn:length(opentionList) == 0}">
<tr>
<td>选项资料:</td>
<td>
<input name="titelData" value="${optionData.title}"/>
</td>
</tr>
<tr>
<td></td>
<td>
<input name="contentData" value="${optionData.content}" style="width:205px; height:40px" />
<input type="button" value="添加" style="border:none" onclick="butonsadd()"/>
</td>
</tr>
</c:when>
<c:otherwise>
<c:forEach items="${opentionList}" var="optionData" varStatus="status">
<tbody>
<tr>
<td><c:if test="${status.index == 0 }"> 选项资料:</c:if></td>
<td>
<input name="opId" value="${optionData.id}" style="display:none"/>
<input name="titelData" value="${optionData.title}"/>
</td>
</tr>
<tr>
<td></td>
<td>
<input name="contentData" value="${optionData.content}" style="width:205px; height:40px" />
<c:if test="${status.last }">
<input type="button" value="添加" style="border:none" onclick="butonsadd()"/>
</c:if>
</td>
</tr>
</tbody>
</c:forEach>
</c:otherwise>
</c:choose>
<tr id="tables">
<td></td>
</tr>
</table>
//action类
//跳转保存/修改的页面
@RequiresPermissions("pro:visa:edit")
@RequestMapping(value="update")
public String addSupplies(Visa visa,Model model){
if(visa.getId()!= null){
System.out.println("xiugai.....");
model.addAttribute("visa", visa);
visa= visaService.get(visa.getId());
List<VisaOptionData> opentionList=visa.getOptionDataList();
model.addAttribute("opentionList", opentionList);
System.out.println(visa.getId());
return "modules/pro/visaForm";
}else{
return "modules/pro/visaForm";
}
}
@RequiresPermissions("pro:visa:edit")
@RequestMapping(value = "save")
public String save(Long areaProvince,@RequestParam(required=false) Long[] opId,@RequestParam(required=false) String[] titelData,@RequestParam(required=false) String[] contentData,Long areaCity,Long areaQu,Visa visa,Model
model, RedirectAttributes redirectAttributes) {
if (!beanValidator(model, visa)){
return form(visa, model);
}
if(areaProvince!=0){
if(areaCity!=null&&areaCity!=0){
if(areaQu!=null&&areaQu!=0){
visa.setArea(areaService.get(areaQu));
}else{
visa.setArea(areaService.get(areaCity));
}
}else{
visa.setArea(areaService.get(areaProvince));
}
}
if(visa.getId()==null){
List<VisaOptionData> list =new ArrayList<VisaOptionData>();
for(int i=0;i<titelData.length;i++){
VisaOptionData vod=new VisaOptionData();
vod.setId(opId[i]);
vod.setTitle(titelData[i]);
vod.setContent(contentData[i]);
vod.setVisa(visa);
list.add(vod);
}
visa.setOptionDataList(list);
visaService.saveProduct(visa);
addMessage(redirectAttributes, "保存签证'" + visa.getTitle() + "'成功");
return "redirect:"+Global.getAdminPath()+"/pro/visa/list";
}else{
for(Long oId : opId){
logger.error("[oId]" + oId);
}
List<VisaOptionData> list =new ArrayList<VisaOptionData>();
for(int i=0;i<opId.length;i++){
VisaOptionData vod=new VisaOptionData();
vod.setId(opId[i]);
vod.setTitle(titelData[i]);
vod.setContent(contentData[i]);
vod.setVisa(visa);
list.add(vod);
}
visa.setOptionDataList(list);
visaService.updateVisa(visa);
addMessage(redirectAttributes, "修改签证'" + visa.getTitle() + "'成功");
return "redirect:"+Global.getAdminPath()+"/pro/visa/list";
}
}
相关文章推荐
- 动态添加删除table页面一行input表格
- 利用jquery给指定的table动态添加一行、删除一行
- 在一个table中动态添加一行或删除一行
- 利用jquery给指定的table动态添加一行、删除一行
- 利用jquery给指定的table动态添加一行、删除一行
- 利用jquery给指定的table动态添加一行、删除一行
- table动态添加删除一行
- js动态添加table表的一行和删除一行
- 动态添加和删除table的一行
- 利用jquery给指定的table动态添加一行、删除一行
- 利用jquery给指定的table动态添加一行、删除一行
- 利用jquery给指定的table动态添加一行、删除一行的方法
- 使用jquery给指定的table动态添加一行、删除一行
- table动态添加删除一行和改变标题
- 动态添加和删除table的一行
- 利用jquery给指定的table动态添加一行、删除一行
- 利用jquery给指定的table动态添加一行、删除一行,复制,值不重复等操作
- 利用jquery给指定的table动态添加一行、删除一行
- 利用jquery给指定的table动态添加一行、删除一行
- 利用jquery给指定的table动态添加一行、删除一行