文档章节

使用Jquery clone添加多行数据

0o清风徐来o0
 0o清风徐来o0
发布于 2015/12/08 19:45
字数 424
阅读 46
收藏 1

<%@ 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 = 0;
            if (num > 0)
            {
                for (int i = 0; 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) > 0)
                        rs++;
                }
                Response.Redirect("Manager.aspx?rs=" + rs);               
            }
        }
    }
}

本文转载自:http://www.cnblogs.com/xffy1028/archive/2011/12/01/2270415.html

共有 人打赏支持
0o清风徐来o0
粉丝 7
博文 86
码字总数 29134
作品 0
大连
程序员
pandas 中DataFrame的数据定义,访问,修改,删除,增加,遍历

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/meiqi0538/article/details/82533499 本文测试使用Pandas使用的是Spyder,python3.6版本,已经安装好pandas包...

皮乾东
09/08
0
0
model-view模型之QListView和QStringListModel

以QListView为例子,QListView是不显示表头和表框的,如果要显示,可以使用QTreeView来 代替 view的显示属性分为列表list显示和icon图标显示,使用 QListView::setViewMode()来设置,默认为l...

晨曦之光
2012/04/13
1K
0
Xceed WinForm数据表格控件Xceed Grid For .NET详细介绍

Xceed Grid For .NET是一款高级的,多功能的、扩展性极强的数据表格控件,具有分组、主从表、多种主题外观、固定列和行、Excel导出、支持Vista风格,交互的外观样式,内嵌报表功能,支持导出...

netkongjian
2014/06/06
0
0
JTable 使用后的代码片段

一.创建表格控件的各种方式: 1) 调用无参构造函数. JTable table = new JTable(); 2) 以表头和表数据创建表格. Object[][] cellData = {{"row1-col1", "row1-col2"},{"row2-col1", "row2-col...

-蒋全忠-
2013/12/19
0
0
JPA实体关系映射:@ManyToMany多对多关系、@OneToMany@ManyToOne一对多多对一关系和@OneToOne的深度实例解析。

本文由作者三汪首发于简书。 为什么要有实体关系映射 答:简化编程操作。把冗余的操作交给底层框架来处理。 例如,如果我要给一位新入学的学生添加一位新的老师。而这个老师又是新来的,在学...

三汪
2017/08/01
0
0

没有更多内容

加载失败,请刷新页面

加载更多

《Netkiller Java 手札》· 二进制文件操作大全

本文节选自《Netkiller Java 手札》 Netkiller Java 手札 Mr. Neo Chan, 陈景峯(BG7NYT) 中国广东省深圳市望海路半岛城邦三期 518067 +86 13113668890 <netkiller@msn.com> $Id: book.xml 6......

netkiller-
17分钟前
0
0
Fiddler Debugger post请求

常用的两种: 第一种默认的 对应URL为www 的要用请求头为:Content-Type: application/x-www-form-urlencoded 请求参数为 :param1=1234¶m2=12345 注:有些接口是指定用这种的第二方式并不...

轻量级赤影
24分钟前
1
0
如何搭建母婴亲子类知识社区

近期社交领域融资动作频繁,海尔高管、海尔医疗有限公司总裁管礼庆创办的母婴知识分享社区平台Alwayslove于上月获得700万天使轮融资。 Alwayslove是一个母婴知识分享社区平台,采用UGC模式,...

ThinkSNS账号
26分钟前
0
0
Android 自定义构建类型 BuildType

最近接触到自定义构建类型 BuildType,发现这一块有些地方稍不注意的话会被绕进去浪费点时间,既然我这边已经花费时间了,如果正好你也需要接触到 BuildType,也许接下来分享的 tips 可能会帮...

猴亮屏
27分钟前
1
0
美团点评基于 Flink 的实时数仓建设实践

引言 近些年,企业对数据服务实时化服务的需求日益增多。本文整理了常见实时数据组件的性能特点和适用场景,介绍了美团如何通过 Flink 引擎构建实时数据仓库,从而提供高效、稳健的实时数据服...

美团技术团队
30分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部