文档章节

使用Jquery clone添加多行数据

0o清风徐来o0
 0o清风徐来o0
发布于 2015/12/08 19:45
字数 424
阅读 47
收藏 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
银光电子表格控件Essential Grid for Silverlight详细介绍

Essential Grid for Silverlight控件包含一个高性能的数据绑定和面向单元格的表格控件,支持滚动和实时更新、多种单元格类型、分组、多列排序、过滤、多层显示和统计功能,冻结行和列、插入公...

baobiaokongjian
2014/06/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

PHP生成CSV之内部换行

当我们使用PHP将采集到的文件内容保存到csv文件时,往往需要将采集内容进行二次过滤处理才能得到需要的内容。比如网页中的换行符,空格符等等。 对于空格等处理起来都比较简单,这里我们单独...

豆花饭烧土豆
16分钟前
0
0
使用 mjml 生成 thymeleaf 邮件框架模板

发邮件算是系统开发的一个基本需求了,不过搞邮件模板实在是件恶心事,估计搞过的同仁都有体会。 得支持多种客户端 支持响应式 疼彻心扉的 outlook 多数客户端只支持 inline 形式的 css 布局...

郁也风
19分钟前
2
0
让哲学照亮我们的人生——读《医务工作者需要学点哲学》有感2600字

让哲学照亮我们的人生——读《医务工作者需要学点哲学》有感2600字: 作者:孙冬梅;以前读韩国前总统朴槿惠的著作《绝望锻炼了我》时,里面有一句话令我印象深刻,她说“在我最困难的时期,...

原创小博客
今天
3
0
JAVA-四元数类

public class Quaternion { private final double x0, x1, x2, x3; // 四元数构造函数 public Quaternion(double x0, double x1, double x2, double x3) { this.x0 = ......

Pulsar-V
今天
17
0
Xshell利用Xftp传输文件,使用pure-ftpd搭建ftp服务

Xftp传输文件 如果已经通过Xshell登录到服务器,此时可以使用快捷键ctrl+alt+f 打开Xftp并展示Xshell当前的目录,之后直接拖拽传输文件即可。 pure-ftpd搭建ftp服务 pure-ftpd要比vsftp简单,...

野雪球
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部