javascript
asp.net(asp,jsp) javascript动态实现添加数据行 -ag凯发k8国际
在应用程序的开发中,有些输入信息是动态的,比如我们要注册一个员工的工作经历,比如下图
如果做成死的,只能填写三个,如果是四个呢?或者更多呢,那不是添加不上去了吗,所以这样固然不好,我们可以用动态添加表格行实现,如下图,添加一行,输入一行信息,这样比较灵活
下面我们就来看看如何在asp和asp.net中结合javascript来实现这种效果:
首先,动态添加表格是要在前台实现的,当然后台也可以,不过可能要用到ajax,很麻烦,所以最好采用javascript来实现,下面来介绍动态添加表格行的两种方式:
第一种:源码
javascript:
view code myjs.js">
user_list1.asp" method=post>
姓名
性别
年龄
爱好
delete
"
"add" onclick="addrow(document.all.tabuserinfo,null,1,1)">
"submit" value="添 加" name="tj" /> |
注意:在这里我们可以直接通过request("username")获得username列的数组值,通过调试可以看到,第一个(索引为0)值为",",所以获得值的时候我们要从索引为1开始读取,然后逐一添加操作即可
修改:
首先根据外键循环读取数据到一个表格里,代码:
view code user_list1.asp" method=post>
姓名
性别
年龄
爱好
delete
<%
set rs=server.createobject("adodb.recordset")
strsql="select * from tb_person"
rs.open strsql,conn,2,3
do while not rs.eof
%>
"
<%
rs.movenext
loop
%>
"
"add" onclick="addrow(document.all.tabuserinfo,null,1,1)">
我的思路是把以前添加的记录和现在要添加的记录行分开操作,如果我们要删除记录行,或者修改记录行可以这样操作
首先删除所以记录,然后重新添加以前的记录和现在的记录,至于代码和添加的思路是一样的,只不过这里面分两个添加来完成的具体的代码,大家可以自己尝试一下
下面在看看在asp.net中如何实现
如果使用asp.net自带的控件封装模式,很难实现,所以这里我们可以采用上面讲到的asp的思想来完成
js和html都一样,不一样的是后台的代码:
比如说添加吧
view code protected void button1_click(object sender, eventargs e)
{
string username = request["username"].tostring();
string[] namelist = username.split(',');
string[] sexlist = username.split(',');
string[] agelist = username.split(',');
string[] lovelist = username.split(',');
for (int i = 1; i < namelist.length; i )
{
//获得传递过来的值,对其操作
string name = namelist[i].tostring();
string usersex = sexlist[i].tostring();
string userage = agelist[i].tostring();
string userlove = agelist[i].tostring();
//对其操作,比如添加修改等
}
}
在这里我们使用request["username"]来获得值,页面用的是html标签,不是服务器端的控件,不用使用.value或者text来实现, 这样就可以用asp或者jsp的思想来处理了
同样修改和删除的也可以使用asp或者jsp的思想来处理
或者从提交到处理完全采用jsp和asp的思想,创建一个httphandler,把数据都提交到这里面处理,这样也可以,不过第一种方法好些,这样容易获得值并处理,不需要转换什么的
具体的问题具体对待,比如需要默认就有一行,这个时候就需要在员工表里添加工作记录的字段,这一行的记录都添加到员工表里,然后编辑删除的时候需要先编辑,然后进行两个添加等。
大的思路就是这样,有什么问题,希望大家给予指正....
转载于:https://www.cnblogs.com/shuang121/archive/2011/12/07/2279402.html
总结
以上是ag凯发k8国际为你收集整理的asp.net(asp,jsp) javascript动态实现添加数据行的全部内容,希望文章能够帮你解决所遇到的问题。
- 上一篇: 大半个完整
- 下一篇: das、nas、san区别