巧妙使用JQuery Clone 添加多行数据，并更新到数据库

WEB代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="BatchAdd.aspx.cs" Inherits="BatchAdd" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

</head>

<body>

    <form id="form1" runat="server" action="BatchAdd.aspx">

    <div>

        <table id="tblData">

            <tr>

                <td>

                    ID

                </td>

                <td>

                    Title

                </td>

                <td>

                    SmallClassName

                </td>

                <td>

                    Author

                </td>

                <td>

                    UpdateTime

                </td>

            </tr>

            <tr id="tRow0">

                <td>

                    <input type="text" id="txtID" name="txtID0" />

                </td>

                <td>

                    <input type="text" id="txtTitle" name="txtTitle0" />

                </td>

                <td>

                    <input type="text" id="txtSmallClassName" name="txtSmallClassName0" />

                </td>

                <td>

                    <input type="text" id="txtAuthor" name="txtAuthor0" />

                </td>

                <td>

                    <input type="text" id="txtUpdateTime" name="txtUpdateTime0" />

                </td>

            </tr>

        </table>

        <input type="hidden" id="hidNum" name="hidNum" value="0" />

        <input type="button" id="btnAdd" value="Add" />

        <input type="submit" id="btnSave" value="Save" />

    </div>

    </form>

</body>

</html>

<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>

<script language="javascript" type="text/javascript">

    $(function() {

        $("#btnAdd").click(function() {

            var num = $("#hidNum").val(); //

            num = parseInt(num);

            num++; //点击自加

            $("#hidNum").val(num); //重新赋值

            $("#tRow0").clone(true).attr("id", "tRow" + num).appendTo("#tblData"); //clone tr 并重新给定ID,装到table

            $("#tRow" + num + " td").each(function() {//循环克隆的新行里面的td

                $(this).find("input[type='text']").val(""); //清空克隆行的数据

//修改相关属性

                $(this).find("input[name='txtID0']").attr("id", "txtID" + num).attr("name", "txtID" + num);

                $(this).find("input[name='txtTitle0']").attr("id", "txtTitle" + num).attr("name", "txtTitle" + num);

                $(this).find("input[name='txtSmallClassName0']").attr("id", "txtSmallClassName" + num).attr("name", "txtSmallClassName" + num);

                $(this).find("input[name='txtAuthor0']").attr("id", "txtAuthor" + num).attr("name", "txtAuthor" + num);

                $(this).find("input[name='txtUpdateTime0']").attr("id", "txtUpdateTime" + num).attr("name", "txtUpdateTime" + num);

            });

        });

    });

</script>

cs页面代码:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class BatchAdd : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!string.IsNullOrEmpty(Request["hidNum"]))

        {

            int num = Convert.ToInt32(Request["hidNum"]);

            string id, title, smallClassName, author, updatetime;

            int rs = ;

            if (num > )

            {

                for (int i = ; i <= num; i++)

                {

                    id = Request["txtID" + i];

                    title = Request["txtTitle" + i];

                    smallClassName = Request["txtSmallClassName" + i];

                    author = Request["txtAuthor" + i];

                    updatetime = Request["txtUpdateTime" + i];

                    string sql = "insert into News(Title,SmallClassName,Author,Updatetime) values('" + title + "','" + smallClassName + "','" + author + "','" + updatetime + "')";

                    DBHelper.connString = "server=.;database=test;uid=sa;pwd=123";

                    if (DBHelper.ExecuteSql(sql) > )

                        rs++;

                }

                Response.Redirect("Manager.aspx?rs=" + rs);

            }

        }

    }

}

巧妙使用JQuery Clone 添加多行数据，并更新到数据库的更多相关文章

巧妙使用JQuery Clone 添加多行数据，并更新到数据库的实现代码
web前端代码: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="BatchAd ...
jquery 动态添加表格行
jquery 动态添加表格行 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <h ...
jquery dataTable 获取某行数据
DataTable API table.row(rowSelector [,modifier]) 注table是dataTable的对象该方法有两个默认参数第一个是选择器第二个是可选的请注意, ...
JQuery对ASP.NET MVC数据进行更新删除
以前学习ASP.NET MVC时,学习与应用,操作过数据显示,添加,编辑,更新和删除等功能. 很多方法是相通的,看自己是怎样来进行方便,快捷,高效率. 今天Insus.NET写的练习,是直接对绑定在T ...
为何jquery动态添加的input value无法提交到数据库？【坑】
有两个输入框,我想让第一个输入框失去焦点以后,第二个输入框自动获取第一个输入框的value为默认值,jquery代码如下,可以正常显示,但是用PHP提交数据,并插入数据库的时候确实空值,尚未查找到原因 ...
C#读取Txt大数据并更新到数据库
环境 Sqlserver 2016 .net 4.5.2 目前测试数据1300万大约3-4分钟.(限制一次读取条数和线程数是要节省服务器资源,如果调太大服务器其它应用可能就跑不了了), Sql ...
Jquery动态添加多行，返回数据至每一行中
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="sys_channel_ed ...
Jquery下拉列表添加移除数据
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
jquery动态添加表单数据
动态添加用户实现代码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html ...

随机推荐

Linq to xml 读取xml文件或xml字符串
XMLFile1.xml: XDocument Contacts = XDocument.Load("XMLFile1.xml"); //XElement Contacts = X ...
洛谷 P4397 [JLOI2014]聪明的燕姿 / TOPOI 测验1315, 问题E: 1935: 聪明的燕姿解题报告
题目链接 : 1. 洛谷 2.topoi . 大致题意:输入一个数s,找出所有约数和为s的数关于一个数的约数和求法: 一个>1的整数可以被分解为多个质数的乘方,设数 s = p1k1 * ...
luoguP4921 情侣？给我烧了！
luogu 考虑对于\(n\)对情侣,恰好\(k\)对是和谐的方案数是 \[ ans[n][k]=\binom{n}{k}A^k_n2^kg(n-k) \] \(g(n)\)为全部\(n\)对情侣不和 ...
haoi2018奇怪的背包题解
题目传送门:https://www.lydsy.com/JudgeOnline/problem.php?id=5302 对于一个物品,设它体积为v,那么,在背包参数为p的情况下,它能达到gcd(v,p ...
PHPExcel探索之旅---阶段一
类似于Java,php也有操作Excel的方法,其中需要下载PHPExcel插件,将其中的Classes文件夹改名为PHPExcel并提取到根文件夹外面,将两个文件夹一起放在所需项目中使用PHPEx ...
【ACM】拦截导弹 - 0-1背包问题
拦截导弹时间限制:3000 ms | 内存限制:65535 KB 难度:3 描述某国为了防御敌国的导弹袭击,发展中一种导弹拦截系统.但是这种导弹拦截系统有一个缺陷:虽然它的第一发炮弹能够到 ...
CentOS6.x之emacs安装配置编译
刚开始学习linux,干学没什么意思,想在linux下写写程序,了解到linux下使用较多的是emacs和vim,在youtobe上分别看了看这两个工具进行开发的视频,个人感觉emacs比较酷一点,所 ...
《web-Mail服务的搭建》
首先是搭建后台服务: 下载下面2个软件包 extmail-1.2.tar.gz extman-1.1.tar.gz 创建一个extsuite目录,固定格式 mkdir /var/www/extsuit ...
Asp.net中的ViewState用法
Session,ViewState用法基本理论:session值是保存在服务器内存上,那么,可以肯定,大量的使用session将导致服务器负担加重. 而viewstate由于只是将数据存入到页面隐藏控 ...
springBoot学习错误记录
1.下面结果会出现500错误原因:thymeleaf相关包版本不兼容导致解决:之前配置的3.0.9对应2.1.1&2.2.2,3.0.6对应2.2.2&2.1.1都不可以,下面的 ...

巧妙使用JQuery Clone 添加多行数据，并更新到数据库

巧妙使用JQuery Clone 添加多行数据，并更新到数据库的更多相关文章

随机推荐

热门专题