GridView动态新增行 删除行 适合多数据批量修改保存 新增数据验证

最新推荐文章于 2017-12-18 08:37:55 发布
最新推荐文章于 2017-12-18 08:37:55 发布
阅读量4.5k 收藏 3
点赞数 1
分类专栏： Web Asp.net & C#
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/smartsmile2012/article/details/8230728
版权 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Demo.aspx.cs" Inherits="Demo" %>
<!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" width="80px">
    <title>GridView动态新增行 批量编辑保存</title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <div>
                <asp:Button ID="btnAdd" runat="server" Text="新增行" OnClick="btnAdd_Click" />  
                <asp:Button ID="btnSave" runat="server" Text="保存数据" OnClick="btnSave_Click" />
                <br/>新增验证：控件宽度和高度为 非0的正整数<br/>
                <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" OnRowDeleting="GridView1_RowDeleting">
                    <Columns>
                        <asp:CommandField ShowDeleteButton="True" />
                        <asp:TemplateField HeaderText="字段名">
                            <ItemTemplate>
                                <asp:Label ID="lblPKID" runat="server" Text='<%# Container.DataItemIndex%>' Visible="false"></asp:Label>
                                <asp:TextBox ID="txtFieldName" runat="server" Width="80px"></asp:TextBox>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="显示名">
                            <ItemTemplate>
                                <asp:TextBox ID="txtFieldTipName" runat="server" Width="80px"></asp:TextBox>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="主键">
                            <ItemTemplate>
                                <asp:DropDownList ID="ddlIsPK" runat="server" Width="80px">
                                    <asp:ListItem Text="否" Value="0" Selected="True"></asp:ListItem>
                                    <asp:ListItem Text="是" Value="1"></asp:ListItem>
                                </asp:DropDownList>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="可编辑">
                            <ItemTemplate>
                                <asp:DropDownList ID="ddlIsEdit" runat="server" Width="80px">
                                    <asp:ListItem Text="否" Value="0" Selected="True"></asp:ListItem>
                                    <asp:ListItem Text="是" Value="1"></asp:ListItem>
                                </asp:DropDownList>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="页面显示">
                            <ItemTemplate>
                                <asp:DropDownList ID="ddlIsShow" runat="server" Width="80px">
                                    <asp:ListItem Text="否" Value="0" Selected="True"></asp:ListItem>
                                    <asp:ListItem Text="是" Value="1"></asp:ListItem>
                                </asp:DropDownList>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="列表显示">
                            <ItemTemplate>
                                <asp:DropDownList ID="ddlIsListShow" runat="server" Width="80px">
                                    <asp:ListItem Text="否" Value="0" Selected="True"></asp:ListItem>
                                    <asp:ListItem Text="是" Value="1"></asp:ListItem>
                                </asp:DropDownList>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="字段排序">
                            <ItemTemplate>
                                <asp:TextBox ID="txtFieldSort" runat="server" Width="80px"></asp:TextBox>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="控件类别">
                            <ItemTemplate>
                                <asp:DropDownList ID="ddlFieldControl" runat="server" Width="80px">
                                    <asp:ListItem Text="Label" Value="Label" Selected="True"></asp:ListItem>
                                    <asp:ListItem Text="TextBox" Value="TextBox"></asp:ListItem>
                                    <asp:ListItem Text="RadioButtonList" Value="RadioButtonList"></asp:ListItem>
                                    <asp:ListItem Text="CheckBoxList" Value="CheckBoxList"></asp:ListItem>
                                </asp:DropDownList>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="值组合">
                            <ItemTemplate>
                                <asp:TextBox ID="txtMutiArray" runat="server" Width="80px"></asp:TextBox>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="控件宽度">
                            <ItemTemplate>
                                <asp:TextBox ID="txtControlWidth" runat="server" Width="80px"></asp:TextBox>
                                <asp:RegularExpressionValidator ID="Rev1" runat="server" ErrorMessage="*" ForeColor="Red" ControlToValidate="txtControlWidth" ValidationExpression="^\+?[1-9][0-9]*$" ></asp:RegularExpressionValidator>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="控件高度">
                            <ItemTemplate>
                                <asp:TextBox ID="txtControlHeight" runat="server" Width="80px"></asp:TextBox>
                                <asp:RegularExpressionValidator ID="Rev2" runat="server" ErrorMessage="*" ForeColor="Red" ControlToValidate="txtControlHeight" ValidationExpression="^\+?[1-9][0-9]*$"></asp:RegularExpressionValidator>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="备注">
                            <ItemTemplate>
                                <asp:TextBox ID="txtFieldRemark" runat="server" Width="80px"></asp:TextBox>
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                </asp:GridView>
            </div>
            <asp:Label ID="Label1" runat="server" ></asp:Label>
        </ContentTemplate>
    </asp:UpdatePanel>
    </form>
</body>
</html>


using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Data;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class Demo : System.Web.UI.Page
{
    #region 页面加载
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            CreateTable();
            BindTestData();
        }
    }
    #endregion 

    #region 创建测试数据且绑定
    protected DataTable CreateTable()
    {
        //模拟出一些原始数据绑定DataGrid 
        DataTable dt1 = new DataTable("FieldTable");
        //不设置 默认为System.String
        dt1.Columns.Add("FieldName");
        dt1.Columns.Add("FieldTipName");
        dt1.Columns.Add("IsPK");
        dt1.Columns.Add("IsEdit");

        dt1.Columns.Add("IsShow");
        dt1.Columns.Add("IsListShow");
        dt1.Columns.Add("FieldSort");
        dt1.Columns.Add("FieldControl");
        dt1.Columns.Add("MutiArray");

        dt1.Columns.Add("ControlWidth");
        dt1.Columns.Add("ControlHeight");
        dt1.Columns.Add("FieldRemark");

        dt1.Rows.Add(dt1.NewRow());
        ViewState["ViewDT"] = dt1;
        return dt1;
    }

    protected void BindTestData()
    {
        this.GridView1.DataSource = ViewState["ViewDT"] as DataTable;
        this.GridView1.DataBind();
    }
    #endregion 

    #region 新增行
    protected void btnAdd_Click(object sender, EventArgs e)
    {
        DataTable dt1 = (DataTable)ViewState["ViewDT"];
        //Add new row
        dt1.Rows.Add(dt1.NewRow());
        ViewState["ViewDT"] = dt1;
        BindTestData();
    }
    #endregion 

    #region 删除行
    protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e)
    {
        int PKID = Convert.ToInt32(((Label)GridView1.Rows[e.RowIndex].FindControl("lblPKID")).Text);
        DataTable tbCategory = (DataTable)ViewState["ViewDT"];
        try { tbCategory.Rows.RemoveAt(PKID); }
        catch { }        
        ViewState["ViewDT"] = tbCategory;
        BindTestData();
    }
    #endregion 

    #region 保存修改
    protected void btnSave_Click(object sender, EventArgs e)
    {
        //批量修改后保存数据
        if (GridView1.Rows.Count > 0)
        {
            Label1.Text = "";
            System.Text.StringBuilder builder = new System.Text.StringBuilder();
            for (int i = 0; i < GridView1.Rows.Count; i++)
            {
                string PKID = ((Label)GridView1.Rows[i].FindControl("lblPKID")).Text;
                string FieldName = ((TextBox)GridView1.Rows[i].FindControl("txtFieldName")).Text;

                string FieldTipName = ((TextBox)GridView1.Rows[i].FindControl("txtFieldTipName")).Text;
                string IsPK = ((DropDownList)GridView1.Rows[i].FindControl("ddlIsPK")).SelectedValue;
                string IsEdit = ((DropDownList)GridView1.Rows[i].FindControl("ddlIsEdit")).SelectedValue;
                string IsShow = ((DropDownList)GridView1.Rows[i].FindControl("ddlIsShow")).SelectedValue;

                string IsListShow = ((DropDownList)GridView1.Rows[i].FindControl("ddlIsListShow")).SelectedValue;
                string FieldSort = ((TextBox)GridView1.Rows[i].FindControl("txtFieldSort")).Text;
                string FieldControl = ((DropDownList)GridView1.Rows[i].FindControl("ddlFieldControl")).SelectedValue;
                string MutiArray = ((TextBox)GridView1.Rows[i].FindControl("txtMutiArray")).Text;

                string ControlWidth = ((TextBox)GridView1.Rows[i].FindControl("txtControlWidth")).Text;
                string ControlHeight = ((TextBox)GridView1.Rows[i].FindControl("txtControlHeight")).Text;
                string FieldRemark = ((TextBox)GridView1.Rows[i].FindControl("txtFieldRemark")).Text;
                builder.AppendLine(PKID + "____" + FieldName + "____"
                    + FieldTipName + "____" + IsPK + "____" + IsEdit + "____" + IsShow
                    + "____" + IsListShow + "____" + FieldSort + "____" + FieldControl
                    + "____" + MutiArray + "____" + ControlWidth + "____" + ControlHeight
                    + "____" + "____" + FieldRemark + "<br/>");
            }
            Label1.Text = builder.ToString();
        }
        else
        {
            ScriptManager.RegisterClientScriptBlock(Page, this.GetType(), "idAlert1", "alert('无数据可保存!')", true);
        }
    }
    #endregion 
}

smartsmile2012
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
GridView删除某一行
11-28
这是关于GridView删除某一行胡操作
DevExpress GridControl GridView新增行数据解决方案
05-20
解决DevExpress GridControl GridView 在新增数据行时数据为空的问题，新窗口数据返回时自动新增行并刷新。
DevExpress GridControl GridView 新增行/删除行 AddNewRow /InitNewRow
01-19
针对DevExpress GridControl GridView 新增行AddNewRow() 很多人加了代码也无法实现添加行或者添加行后InitNewRow这个事件没有触发, 其中主要原因见附件实例代码!
动态添加,删除 gridview 行
08-05
可以手动添加行，删除新增行点击保存批量保存数据
删除GridView中的一行的-----两种操作方法.
热门推荐
liuhuan2099的专栏
09-21 1万+
在GridView中的编辑列中添加一方法1:                                     （不转为TemplateField）                删除之前弹出＂是否确认要删除＂对话框．再进行通过下面方法删除:方法2:                                   （将＂删除＂转为TemplateField）如上所
一次性编辑GRIDVIEW中所有数据然后批量修改
szjstar
10-08 6348
做项目开发的时候,经常会碰到插入与修改很多数据到服务器,如何做到批量修改,减少往返提交数据,是每个程序员需要考虑的问题.下面的例子就是以NORTHWIND表中EMPLOYEES表中的数据在GRIDVIEW进行一次性编辑前台代码....我只写控件部分      DataKeyNames="employeeid"  >                                  
GridView中直接新增行、编辑和删除
古老的未来
09-13 8908
.aspx "server" ID="btnAdd" Text="新增" OnClick="btnAdd_Click" />    "gv" runat="server" AllowPaging="True" AllowSorting="True" DataKeyNames="id"        AutoGenerateColumns="False" OnRowCanc
在ASP.NET 2.0中操作数据之六十二：GridView批量更新数据
10-22
GridView控件内置的编辑功能只能对每行进行编辑，做不到批量编辑。为此，我们需要将GridView里的列转换为TemplateFields，通过一个单独的“Update All”按钮，在按钮的事件中批量处理每一行。
GridView动态增加行
技术资料收集站
12-18 1181
很多时候，我们需要可编辑的表格，来比较方便的进行数据的录入，比如学习成绩的录入。当然这就要求能够动态的增加行，来一次性录入多个学生的信息。现在用ASP.NET中强大的GridView控件就能够达到这样的效果，如下图： 下面是具体实现 前台代码：     GridView中实现动态动态增加删除行             .hide{         
ASP.NET—005：GridView增加一行JS实现
03-05
文章：http://blog.csdn.net/yysyangyangyangshan/article/details/20571705
Yii2 GridView实现列表页直接修改数据的方法
10-22
主要介绍了Yii2 GridView实现列表页直接修改数据的方法的相关资料，小编认为非常具有参考价值，特此分享到脚本之家平台,需要的朋友可以参考下
ASP.NET—002：GridView手动增加一行
02-17
文章：http://blog.csdn.net/yysyangyangyangshan/article/details/19361837
在ASP.NET 2.0中操作数据之六十四：GridView批量添加数据
01-03
导言： 　　在前面的第62章《GridView批量更新数据》里，我们用GridView控件里定制了一个批编辑界面，同样的我们也可以定制一个批添加界面.假设有这种情况，我们接受一批从Tokyo(东京)发过来的货物：6种不同的tea 和 coffee，如果用户在一个DetailsView控件里一次输入一个产品，他将会重复的输入很多相同的值，比如相同的种类(Beverages),相同的供应商(Tokyo Traders),相同的discontinued值(False),以及相同的order值(0).重复性的输入这些相同的值不仅累，还很容易出错.只需额外多做一些工作，我们就可以创建一个批添加界面。用户
DevExpress的GridView动态绑定数据集，多线程动态修改UI自动刷新
11-16
DevExpress的GridView动态绑定数据集，多线程动态修改UI自动刷新，输出中打印运行状态等
在ASP.NET 2.0中操作数据之六十三：GridView实现批量删除数据
01-02
　如果你使用过邮件系统的话，你应该对这种最常见的批删除界面很熟悉：界面里每一行都包含一个checkbox，此外，还有一个“Delete All Checked Items”按钮(如图1).本教程比较短，因为我们在前面的教程已经完成大体的...
yii2使用GridView实现数据全选及批量删除按钮示例
12-19
整理文档，发现一个用GridView实现数据全选及批量删除按钮示例，稍微整理精简一下做下分享。 先来看实现的效果 关键代码如下： <?= GridView::widget([ 'dataProvider' => $dataProvider, 'showFooter' => ...
node-v12.16.3-x86.msi
最新发布
04-25
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
云计算基础课件—架构dr.pptx
04-25
云计算基础课件—架构dr.pptx
C#获取gridview当前选中行数据
06-01
您可以通过以下方式获取GridView当前选中行数据： 1. 在GridView中设置属性：`AutoGenerateSelectButton="True"`。这将在每一行前面自动生成一个“选择”按钮。 2. 在代码中使用`SelectedIndexChanged`事件来获取...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

smartsmile2012

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值