Repeater 动态增加删除一行

文章参考：文章参考http://www.cnblogs.com/dataadapter/archive/2012/06/25/2562885.html

效果：

前台代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="rptTest.Default" %>

<!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">

    <div class="dataTable" >

        <asp:HiddenField ID="hfRptColumns" runat="server" Value="receiver,expense_amount,cut_payment_amount,acutal_amount,bank_no,bank_name" />

        <table cellpadding="" cellspacing="" border="" style=" width:800px">

            <thead>

                <tr>

                    <th></th>

                    <th >

                        序号

                    </th>

                    <th>

                        收款人

                    </th>

                    <th>

                        报销金额

                    </th>

                    <th>

                        扣款金额

                    </th>

                    <th>

                        实付金额

                    </th>

                    <th>

                        银行账号

                    </th>

                    <th>

                        开户行

                    </th>

                </tr>

            </thead>

            <tbody>

                <asp:Repeater ID="rptTest" runat="server">

                    <ItemTemplate>

                        <tr>

                            <td><asp:CheckBox runat="server" ID="ckBox" /></td>

                            <td><%# Container.ItemIndex+ %></td>

                            <td><asp:Label ID="lblReceiver" runat="server" Text='<%#Eval("receiver") %>'></asp:Label></td>

                            <td><asp:TextBox ID="txtExpenseAmount" runat="server" Text='<%#Eval("expense_amount") %>'></asp:TextBox></td>

                            <td><asp:TextBox ID="txtCutPaymentAmount" runat="server" Text='<%#Eval("cut_payment_amount") %>'></asp:TextBox></td>

                            <td><asp:Label ID="lblAcutalAmount" runat="server" Text='<%#Eval("acutal_amount") %>'></asp:Label></td>

                            <td><asp:Label ID="lblBankNo" runat="server" Text='<%#Eval("bank_no") %>'></asp:Label></td>

                            <td><asp:Label ID="lblBankName" runat="server" Text='<%#Eval("bank_name") %>'></asp:Label></td>

                        </tr>

                    </ItemTemplate>

                </asp:Repeater>

            </tbody>

        </table>

        <div>

            <asp:Button ID="btnAddNewRow" runat="server" OnClick="btnAddNewRow_Click" Text="添加一行" />

            <asp:Button ID="btnDel" runat="server" Text="删除选中行" onclick="btnDel_Click" />

        </div>

    </div>

    </form>

</body>

</html>

后台代码：

添加一行：

protected void btnAddNewRow_Click(object sender, EventArgs e)

        {

            //首先，恢复数据源

            DataTable dt = DefineDataTableSchema(hfRptColumns.Value);

            foreach (RepeaterItem item in rptTest.Items)

            {

                DataRow newRow = dt.NewRow();

                newRow["receiver"] = ((Label)item.FindControl("lblReceiver")).Text;

                newRow["expense_amount"] = ((TextBox)item.FindControl("txtExpenseAmount")).Text;

                newRow["cut_payment_amount"] = ((TextBox)item.FindControl("txtCutPaymentAmount")).Text;

                newRow["acutal_amount"] = ((Label)item.FindControl("lblAcutalAmount")).Text;

                newRow["bank_no"] = ((Label)item.FindControl("lblBankNo")).Text;

                newRow["bank_name"] = ((Label)item.FindControl("lblBankName")).Text;

                dt.Rows.Add(newRow);

            }

            //添加一行

            DataRow row = dt.NewRow();

            dt.Rows.Add(row);

            rptTest.DataSource = dt;

            rptTest.DataBind();

        }

删除一行

protected void btnDel_Click(object sender, EventArgs e)

        {

            var arr = new System.Collections.ArrayList();

            DataTable dt = DefineDataTableSchema(hfRptColumns.Value);

            foreach (RepeaterItem item in rptTest.Items)

            {

                var chk = item.FindControl("ckBox") as CheckBox;

                if (chk.Checked) continue;

                DataRow newRow = dt.NewRow();

                newRow["receiver"] = ((Label)item.FindControl("lblReceiver")).Text;

                newRow["expense_amount"] = ((TextBox)item.FindControl("txtExpenseAmount")).Text;

                newRow["cut_payment_amount"] = ((TextBox)item.FindControl("txtCutPaymentAmount")).Text;

                newRow["acutal_amount"] = ((Label)item.FindControl("lblAcutalAmount")).Text;

                newRow["bank_no"] = ((Label)item.FindControl("lblBankNo")).Text;

                newRow["bank_name"] = ((Label)item.FindControl("lblBankName")).Text;

                dt.Rows.Add(newRow);

            }

            rptTest.DataSource = dt;

            rptTest.DataBind();

        }

因为Repeater是服务端控件，所以用它动态增加或删除一行会刷新页面。用户体验远没有用 knockoutjs 绑定的效果好

附：代码下载

Repeater 动态增加删除一行的更多相关文章

JS动态增加删除UL节点LI
JS如何动态增加删除UL节点LI及相关内容. <ul id="ul"> <li id=1>11111111111111111<a href=" ...
Hadoop 2.6.3动态增加/删除DataNode节点
假设集群操作系统均为:CentOS 6.7 x64 Hadoop版本为:2.6.3 一.动态增加DataNode 1.准备新的DataNode节点机器,配置SSH互信,可以直接复制已有DataNode ...
jquery动态加入删除一行数据
<html> <head> <title>加入.删除一行</title> <meta http-equiv="content-type& ...
wpf动态增加删除控件
我在xaml中定义了一个名字为morepictureWrapPan为WrapPanel,然后将控件添加在此WrapPanel中.由于要实现控件的删除功能,所以增加的textbox和button的名字都 ...
jquery validate 动态增加删除验证规则（转载）
页面加载完成初始化form validate $("#user_regForm").validate({ errorPlacement: function(error, eleme ...
jquery validate 动态增加删除验证规则
增加规则示例: $('.class').rules('add',{ required: true, messages:{ required: '这是必填,请填写', } }); 删除规则示例: $(' ...
table动态增加删除
基于网上代码修改实现动态添加表数据行 <!DOCTYPE html> <html lang="cn"> <html> <head> ...
JQuery动态增加删除元素
<form action="" method="post" enctype="multipart/form-data"> < ...
MVC中用jQuery加BootStrap实现动态增加删除文本输入框！
http://www.freejs.net/article_biaodan_278.html 这是在网上找到方法,我修改了一下实合我的项目,发博只为收藏记录并加深记忆. 修改后效果如下 @model ...

随机推荐

Centos环境下删除Oracle11g客户端文档
将安装目录删除 [root@Oracle /root]# rm -rf /opt/oracle/ 将/usr/bin下的文件删除[root@Oracle /root]# rm /usr/local/b ...
win7下安装load generator
win7下只安装loadrunner load generator 1.点击setup.exe 2.选择“loadrunner 完整安装程序” 3.安装完成所需要的插件,然后重启 4.重新打开安装 ...
Linux下常用I/O模型
Linux异步I/O是Linux内核中提供的一个相当新的增强.它是2.6版本内核的一个标准特性,异步非阻塞I/O背后的基本思想是允许进程发起很多I/O操作,而不用阻塞或等待任何操作完成.稍后或在接收到 ...
IAR右键无法跳转到定义的解决方法
用IAR编译程序,有时候编译通过了,但是右键无法GO TO Definition 解决方法有两个: 第一.Tools -> Option -> Project 把Generate br ...
Spring Aop重要概念介绍及应用实例结合分析
转自:http://bbs.csdn.net/topics/390811099 此前对于AOP的使用仅限于声明式事务,除此之外在实际开发中也没有遇到过与之相关的问题.最近项目中遇到了以下几点需求,仔细 ...
Web资源文件的加载
一.关于页面跳转的一下几种方法: package com.gqx.load; import java.io.IOException; import java.io.PrintWriter; impor ...
C# 如何设置 richTextBoxr的边距
附件 http://files.cnblogs.com/xe2011/richTextBox_EM_SETRECT.rar using System.Runtime.InteropServices; ...
nginx lua 开发笔记
获取在lua代码中获取 location 正则的参数对应的变量 // location location ~/lua_http_2/(\w*.+) { } // lua local vars=ngx ...
CentOS系统下做nginx和tomcat负载均衡
系统总是频繁更新,为了避免更新系统的时候领导看不到东西,打算用ngix做代理,后台部署两个tomcat做负载均衡,避免更新一台就无法使用系统的问题,这两天看了写资料,把几个关键点记录在这里以便备忘. ...
C语言实现双向链表删除节点、插入节点、双向输出等操作
#include<cstdio> #include<cstdlib> typedef struct DoubleLinkedList { int data; struct Do ...

Repeater 动态增加删除一行

Repeater 动态增加删除一行的更多相关文章

随机推荐

热门专题