`
旷世cC
  • 浏览: 25620 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

list完成页面动态新增

 
阅读更多
做dgwjj那个系统的时候用到的一个页面动态新增<th><td>的代码,留存。
页面代码:
<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);
		}

分享到:
评论

相关推荐

    用于页面进行批量新增功能

    - **JSP(JavaServer Pages)**:这是一种服务器端的脚本语言,用于创建动态Web页面。在这个场景下,JSP用于构建用户界面,包括输入表单、按钮等元素,供用户上传批量数据。 - **JavaScript**:前端的主要编程语言...

    微信小程序 todo list (源码).rar

    Todo List 可能会有首页(展示所有任务)、新增任务页、编辑任务页等多个页面,理解并正确使用页面路由是必要的。 8. API 调用:虽然这个例子没有明确提到,但微信小程序也支持调用微信的各类开放接口,例如获取...

    asp.net 自动完成功能

    自动完成功能基于用户输入的字符,通过后台服务动态检索匹配的数据,然后将这些匹配项以列表的形式展示给用户。这种实时反馈的方式减少了用户输入的错误率,提高了数据录入的效率。在ASP.NET中,通常使用AJAX控件...

    jQuery动态添加删除移动列表插件

    首先,jQuery动态添加功能允许我们在用户交互时实时向页面中的列表添加新元素。例如,当你有一个表单,用户输入信息后,这些信息可以即时添加到列表中。以下是一个简单的示例: ```javascript $("#addButton")....

    Springboot 整合Mybatis +thymeleaf 实现增删改查,包含前端HTML页面

    这个实例不仅涵盖了后端的数据库操作,还涉及到前端页面的动态生成,对于初学者来说,是一个很好的学习起点,能够帮助他们快速理解和实践Web开发的基本流程。在实际开发中,可以进一步优化,例如引入分页、验证、...

    使用layer弹窗和layui表单实现新增功能

    1.需求:使用layer在弹窗内完成新增,成功后提示并刷新页面(父页面,list页面) 2.实现  a* 页面效果图  b*页面代码  –构建from表单 &lt;form class=layui-form id=add-form action=&gt; 配置名称&lt;/

    ASP.NET GridView 动态添加模板列示例

    请注意,动态添加的列不支持设计时的可视化编辑,因此所有列的配置都需要在代码中完成。此外,为了确保用户体验,应合理控制动态列的数量,避免生成过多的列导致性能问题。同时,对于用户输入的数据,别忘了进行适当...

    微信小程序项目实例-todo list(源码+截图)

    - **新增任务**:用户可以通过输入框添加新的待办事项,并通过按钮触发保存操作。 - **显示任务列表**:所有待办事项会以列表形式呈现,每个条目包含任务描述和状态(未完成/已完成)。 - **任务状态切换**:用户...

    SwiftUI数据存储之做个笔记App 新增与查询(CoreData)

    为了展示笔记列表,我们可以创建一个`List`视图,并使用`.onTapGesture`监听每个笔记项的点击,导航到笔记详情页面。在详情页面中,用户可以编辑已有的笔记,修改后再次保存到CoreData。 在SwiftUI中,我们可以利用...

    html5新增知识点.pdf

    - `Canvas`是用于绘制2D图形的画布,允许开发者通过JavaScript进行动态图像处理。 - `&lt;summary&gt;`用于创建可折叠的细节摘要,通常与`&lt;details&gt;`配合使用,提供了一种更友好的信息展示方式。 - `&lt;source&gt;`标签在`...

    APICloud APP开发工具新增WiFi真机调试和实时预览功能

    ### APICloud APP开发工具新增WiFi真机调试和实时预览功能详解 #### 一、概述 APICloud,作为一款高效便捷的应用开发...未来,随着技术的不断进步,相信APICloud还会带来更多的创新功能,帮助开发者更好地完成工作。

    Mindsware动态数据对象平台v0.2版发布

    本框架使用一个aspx的页面完成对一张数据库表的新增、修改、删除、查询、列表、 翻页、排序操作(未完成),所有操作均封装在公用控件中,这个页面只是一个外壳, 可根据实际需要排放各种控件,设定显示风格,以及...

    ASP.NET—002:GridView手动增加一行

    同时,为了提供更好的用户体验,可以考虑在页面加载时判断是否为PostBack,如果是,则不执行数据绑定,避免每次刷新都重新绑定数据。 5. **自定义样式和行为**: 随着新行的添加,可能还需要调整GridView的样式,...

    HTML5新增的表单元素和属性实例解析

    其次是autofocus属性,它被用于指定在页面加载完成后哪个表单元素应该自动获得焦点。这样用户就可以直接在该元素上输入信息而无需手动点击,提高了表单填写的效率。需要注意的是,页面上只能有一个元素使用此属性,...

    todo_list:django的todo_list

    增加一个待做事件登陆之后会跳到新增TODO事件的页面,可以在此页面上添加需要做的事情。修改/完成/删除一个待做事件可以点击某一待做事件,对其进行修改,完成和删除。查看某一天的待做事件点击某一天

    vue项目如何刷新当前页面的方法

    在 Vue 项目中,刷新当前页面是非常常见的需求,例如在处理列表时,常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。本文将介绍 Vue 项目如何刷新当前页面的方法。 问题描述 在 Vue 项目中,刷新...

    HTML5表单中新增的input属性1.pdf

    本文档主要关注HTML5中新增的三个input属性:autocomplete、autofocus和form。 1. **autocomplete属性**: autocomplete属性允许开发者控制表单字段是否启用浏览器的自动填充功能。这个属性可以设置为"on"、"off...

    AngularJS监听ng-repeat渲染完成的方法

    某个项目,我的网页中有一个列表元素,样式如下: ... &lt;li ng-repeat=for id={{&gt;{{ list....注意MyList1一直是active状态的(class=active),我的需求是新增list后,把新增的list设置为active,即在新增后就变成下面这种样

    ecshop添加新模板页步骤

    完成上述所有步骤后,重新登录Ecshop后台管理系统,进入“设置模板”页面,你应该能够看到新添加的模板“category2”。此时,你可以选择该模板并进行相应的设置。 #### 五、总结 通过上述步骤,我们成功地在Ecshop...

Global site tag (gtag.js) - Google Analytics