• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    巧妙使用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 = 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);
    }
    }
    }
    }
    您可能感兴趣的文章:
    • jQuery复制节点用法示例(clone方法)
    • JQuery中clone方法复制节点
    • jQuery中clone()方法用法实例
    • jquery的clone方法应用于textarea和select的bug修复
    • jQuery Clone Bug解决代码
    • jQuery中clone()函数实现表单中增加和减少输入项
    上一篇:ASP.net的验证控件浅析
    下一篇:jquery.pagination +JSON 动态无刷新分页实现代码
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    巧妙使用JQuery Clone 添加多行数据,并更新到数据库的实现代码 巧妙,使用,JQuery,Clone,添,