java代码:
1
requestsetAttribute("list", yourList);
jsp代码:
<c:forEach var="user" items="${list}"> User Name: ${userusername} Age: ${userage}</c:forEach>
注意在JSP中引入jstl的core标签,如果是类似vue、react这样的框架中这种 *** 作相对来说简单很多,如果不使用框架,单纯的通过js实现就比较麻烦一点,代码我就不写了,比较麻烦,说一下思路吧。
首先创建一个trNode,
let trNode = createElement("tr");
然后文本框里面的值你是能拿到的,拿到文本框的值以后将他拼一下,然后放到tr中
trNodeinnerHTML = "<td>商品名</td><td>单价</td>"
这样的形式,最后通过appendChild方法将这个trNode插入到table / tbody中因为TABLE的初始状态只有一个 借据号 万元的表头,无论按钮怎么点,都只会触发一次Button_Add_Click,添加一行。以后每次点击,初始状态都只有表头,所以点击之后只会有一行。
所以要用一个东西把你的点击记录存储起来。你可以用VIEWSTATE来存这个TABLE变量,每次PAGE_LOAD的时候把它读出来,每次ONCLICK添加完行之后把TABLE存入VIEWSTATE,这样就OK了。不要随便用静态变量,它会产生一些很BUG的问题。
另外如果VIEWSTATE你觉得不好就用SESSION。总之,在每次POSTBACK后把TABLE存起来就OK了。
jQuery 添加新内容有以下四个方法:
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
下面实例演示:点击按钮则在表格数据区域增加一行
1、HTML结构
<table id = "test"><thead>
<tr><th>列1</th><th>列2</th><th>列3</th></tr>
</thead>
<tbody>
<tr><td>1</td><td>1</td><td>2</td></tr>
<tr><td>2</td><td>4</td><td>5</td></tr>
</tbody>
</table>
<input type="button" id="btn1" value="在开头增加">
<input type="button" id="btn2" value="在末尾增加">
2、jquery代码
$(function(){$("#btn1")click(function() {
$("#test tbody")prepend('<tr><td></td><td></td><td></td></tr>');
});
$("#btn2")click(function() {
$("#test tbody")append('<tr><td></td><td></td><td></td></tr>');
});
});
3、效果演示
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)