文档章节

使用Jquery clone添加多行数据

0o清风徐来o0
 0o清风徐来o0
发布于 2015/12/08 19:45
字数 424
阅读 44
收藏 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
大连
程序员
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
JPA实体关系映射:@ManyToMany多对多关系、@OneToMany@ManyToOne一对多多对一关系和@OneToOne的深度实例解析。

为什么要有实体关系映射 答:简化编程操作。把冗余的操作交给底层框架来处理。 例如,如果我要给一位新入学的学生添加一位新的老师。而这个老师又是新来的,在学生数据库与教师数据库中均不存...

三汪
2017/08/01
0
0
Linux下高效指令(很重要)

Linux是一套免费使用和自由传播的类Unix操作系统,是一个基于POSIX和UNIX的多用户、多任务、支持多线程和多CPU的操作系统。它能运行主要的UNIX工具软件、应用程序和网络协议。它支持32位和6...

寰宇01
04/23
0
0
JTable 使用后的代码片段

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

-蒋全忠-
2013/12/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

人生苦短:Python里的17个“超赞操作

人生苦短,我选Python”。那么,你真的掌握了Python吗? 1. 交换变量 有时候,当我们要交换两个变量的值时,一种常规的方法是创建一个临时变量,然后用它来进行交换。比如: # 输入 a = 5 b ...

糖宝lsh
38分钟前
4
0
咕泡-spring中常用设计模式概述

设计模式就是经验之谈,供后人借鉴,解决一些具有代表性的问题 设计模式来源于生活,反过来帮助我们更好生活 设计模式提升代码的可读性、可扩展性、维护成本、复杂业务问题 千万不要死记硬背...

职业搬砖20年
今天
2
0
day59-20180817-流利阅读笔记-待学习

假·照骗,真·社交焦虑 雪梨 2018-08-17 1.今日导读 发朋友圈之前,不少人为了展现更美好的生活状态会对照片加以“微调”,或是加个滤镜显得逼格更高,或是磨个皮瘦个脸拉个大长腿。现在,国...

aibinxiao
今天
19
0
OSChina 周五乱弹 —— 姑娘在这个节日里表白你接受么?

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @Sharon啊:完全被这个小姐姐圈粉了,学两首她的歌去哈哈 分享王贰浪的单曲《往后余生(翻自 马良)》 《往后余生(翻自 马良)》- 王贰浪 手...

小小编辑
今天
949
16
为什么HashMap要自己实现writeObject和readObject方法?

为什么HashMap要自己实现writeObject和readObject方法? 如果你有仔细阅读过HashMap的源码,那么你一定注意过一个问题:HashMap中有两个私有方法。 private void writeObject(java.io.Objec...

DemonsI
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部