在DataGrid快速添加新行

最新推荐文章于 2024-04-25 10:52:13 发布
最新推荐文章于 2024-04-25 10:52:13 发布
阅读量1.1k 收藏
点赞数
分类专栏： DataGrid专集 文章标签： datagrid textbox asp server microsoft dataset

下面的这个例子提供了DataGrid快速添加新行的功能。aspx代码和Cohe Behind代码分别如下，注意更改数据录连接字符串：

查看例子

InsertableDataGrid.aspx

<%@ Page Language="vb" AutoEventWireup="false" Codebehind="InsertableDataGrid.aspx.vb" Inherits="aspxWeb.InserTableDataGrid"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>WebForm1</title>
<meta name="GENERATOR" content="Microsoft Visual Studio.NET 7.0">
<meta name="CODE_LANGUAGE" content="Visual Basic 7.0">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
  <asp:DataGrid id="DataGrid1" runat="server" BorderColor="#CC9966" BorderStyle="None"
   BorderWidth="1px" BackColor="White" CellPadding="4" ShowFooter="True" AutoGenerateColumns="False">
    <SelectedItemStyle Font-Bold="True" ForeColor="#663399" BackColor="#FFCC66"></SelectedItemStyle>
    <ItemStyle ForeColor="#330099" BackColor="White"></ItemStyle>
    <HeaderStyle Font-Bold="True" ForeColor="#FFFFCC" BackColor="#990000"></HeaderStyle>
    <FooterStyle ForeColor="#330099" BackColor="#FFFFCC"></FooterStyle>
    <Columns>
      <asp:TemplateColumn HeaderText="Employee ID">
        <ItemTemplate>
          <asp:Label id=Label3 runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.employeeid") %>'>
          </asp:Label>
        </ItemTemplate>
        <FooterTemplate>
          <asp:LinkButton id="LinkButton1" runat="server" CommandName="Insert">Insert</asp:LinkButton>
        </FooterTemplate>
        <EditItemTemplate>
          <asp:TextBox id=TextBox5 runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.employeeid") %>'>
          </asp:TextBox>
        </EditItemTemplate>
      </asp:TemplateColumn>
      <asp:TemplateColumn HeaderText="Last Name">
        <ItemTemplate>
          <asp:Label id=Label1 runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.lastname") %>'>
          </asp:Label>
        </ItemTemplate>
        <FooterTemplate>
          <asp:TextBox id="TextBox2" runat="server"></asp:TextBox>
        </FooterTemplate>
        <EditItemTemplate>
          <asp:TextBox id="TextBox1" runat="server"></asp:TextBox>
        </EditItemTemplate>
      </asp:TemplateColumn>
      <asp:TemplateColumn HeaderText="First Name">
        <ItemTemplate>
          <asp:Label id=Label2 runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.firstname") %>'>
          </asp:Label>
        </ItemTemplate>
        <FooterTemplate>
          <asp:TextBox id="TextBox4" runat="server"></asp:TextBox>
        </FooterTemplate>
        <EditItemTemplate>
          <asp:TextBox id="TextBox3" runat="server"></asp:TextBox>
        </EditItemTemplate>
      </asp:TemplateColumn>
    </Columns>
    <PagerStyle HorizontalAlign="Center" ForeColor="#330099" BackColor="#FFFFCC"></PagerStyle>
  </asp:DataGrid>
</form>
</body>
</HTML>

InsertableDataGrid.aspx.vb

Imports System.Data
Imports System.Data.SqlClient

Public Class InserTableDataGrid
  Inherits System.Web.UI.Page
  Protected WithEvents DataGrid1 As System.Web.UI.WebControls.DataGrid

#Region " Web Form Designer Generated Code "

  'This call is required by the Web Form Designer.
  <System.Diagnostics.DebuggerStepThrough()> Private Sub InitializeComponent()

  End Sub

  Private Sub Page_Init(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Init
    'CODEGEN: This method call is required by the Web Form Designer
    'Do not modify it using the code editor.
    InitializeComponent()
  End Sub

#End Region

  Dim connstr As String = "Integrated Security=SSPI;User ID=sa;Initial Catalog=NorthWind;Data Source=./netsdk"

  Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
    If Not Page.IsPostBack Then
      BindGrid()
    End If
  End Sub

  Sub BindGrid()
    Dim cnn As New SqlConnection(connstr)
    Dim da As New SqlDataAdapter("select employeeid,lastname,firstname from employees", cnn)
    Dim ds As New DataSet()
    da.Fill(ds, "employees")

    DataGrid1.DataSource = ds
    DataGrid1.DataBind()
  End Sub
  Private Sub DataGrid1_ItemCommand(ByVal source As Object, ByVal e As System.Web.UI.WebControls.DataGridCommandEventArgs)_
   Handles DataGrid1.ItemCommand
    If e.CommandName = "Insert" Then
      Dim cnn As New SqlConnection(connstr)
      Dim t1 As TextBox = e.Item.FindControl("textbox2")
      Dim t2 As TextBox = e.Item.FindControl("textbox4")
      cnn.Open()
      Dim cmd As New SqlCommand("insert into employees(lastname,firstname) values('" & t1.Text & "','" & t2.Text & "')", cnn)
      cmd.ExecuteNonQuery()
      cnn.Close()
      BindGrid()
    End If
  End Sub
End Class

 

chenjinjie
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
C#【必备技能篇】DataGridView添加新行的2个方法
星Yeah 的博客
01-13 9435
C#【必备技能篇】DataGridView添加新行的2个方法
easyui-datagrid删除行，添加行
热门推荐
a4638966的博客
02-17 2万+
这里我遇到的问题是怎么点击分配按钮把左边表单中选中的内容删除，并且在右边的表单中添加选中的那些内容。 经过查阅百度及easyui的官方文档，我解决用到了下面的几个datagrid中的方法： 用到的方法： getSelections ： 返回所有选中的行，当没有选中的记录时，将返回空数组。 getRowIndex ： 返回指定行的索引，row 参数可以是一个行记录或者一个 id 字段的值
datagrid系列之-基本添加行，删除行，插入行，自定义方法
weinichendian的博客
09-20 1万+
一、需要引入的文件 <link href="${ctxStatic}/easyui/css/easyui.css" rel="stylesheet" /> <link href="${ctxStatic}/easyui/css/icon.css" rel="stylesheet" /> <script src="${ctxStatic}/easyui/js/jqu...
C# DataGridView添加新行的2个方法
hdxx2022的博客
08-05 1484
textboxcell是新创建的单元格的对象，可以为该对象添加其属性。利用dataGridView1.Rows.Add()事件为DataGridView控件增加新的行，该函数返回添加新行的索引号，即新行的行号，然后可以通过该索引号操作该行的各个单元格，如dataGridView1.Rows[index].Cells[0].Value = "1"。这是很常用也是很简单的方法。方法二比方法一要复杂一些，但是在一些特殊场合非常实用，例如，要在新行中的某些单元格添加下拉框、按钮之类的控件时，该方法很有帮助。
c# DataGridView动态添加新行的二个方法
yuanyuan_186的专栏
07-09 4128
 方法1：常用的方法   复制代码 代码示例:int index=this.dataGridView1.Rows.Add(); this.dataGridView1.Rows[index].Cells[0].Value = "1"; this.dataGridView1.Rows[index].Cells[1].Value = "2"; this.dataGridView1.Row
vb DataGrid 控件的使用
10-05
DataGrid 控件可以在设计时快速进行配置，只需少量代码或无需代码。当在设计时设置了DataGrid 控件的 DataSource 属性后，就会用数据源的记录集来自动填充该控件，以及自动设置该控件的列标头。然后您就可以编辑该...
react-spreadsheet-hamoni:使用Hamoni Sync实时响应datagrid
04-29
React电子表格-hamoni 使用实时响应datagrid设置... 现在，您可以更改和添加新数据，并将其反映在已连接的客户端中。 有关Hamoni Sync的演练或有关使用Hamoni Sync进行构建的快速入门教程，请参阅docs.hamoni.tech上的
jupyterlab-tabular-data-editor:在JupyterLab中响应有效地处理表格数据
05-03
功能展示查看扩展亮点 启动新文件并快速添加行和列 无缝地重新排列您的数据表 插入和删除多行和多列 只需单击一下按钮即可格式化数据 轻松搜索和替换 要求JupyterLab> = 2.0 安装JupyterLab 3： pip install jupyter...
teacher_evaluation:正方选课系统快速学评教
05-18
添加chrome书签，在网址一栏粘贴下列代码。然后打开学评教页面，点击书签即可。 [removed]!function(){function e(e){var n=(t.contentDocument.getElementById("pjkc"),t.contentDocument.getElementById("DataGrid...
aurelia-slickgrid：Aurelia-Slickgrid是具有多个样式主题的快速，可自定义的SlickGrid数据网格的包装。
01-31
我使用了一些数据网格，SlickGrid在功能和性能方面击败了大多数数据网格（它甚至可以轻松处理一百万行）。 我们将使用分支，这是最活跃的分支，因为原始的@mleibman分支是由作者出于个人原因前一段时间关闭的。 ...
在DataGrid中添加新行
11-28
在DataGrid中添加新行
dataGrid 删除行和添加行
码农UP2U
12-23 1030
删除行 var ids = $('#xxx').dataGrid('getDataIDs'); ids.forEach(function (id) { var row = $('#xxx').dataGrid('getRowData', id); $('#xxx').dataGrid('setRowData', id ,null,{display:'none'}); $('#' +id + '_status').val(Global.STATUS_DELETE); }); 添
DataGridView 添加行
Jia_ShengJie
12-07 1457
说明： (1)dgvGoods 是DataGridView名  (2)index 是最大行索引 DataGridViewRow row = new DataGridViewRow(); int index = dgvGoods.Rows.Add(row); dgvGoods.Rows[index].Cells["列名1"].Value = 值1; dgvGoods.
【微软押注ARM架构，“Wintel”联盟摇摇欲坠？】
weixin_44237705的博客
04-19 356
英伟达、AMD和联发科都计划为Windows平台推出基于ARM架构的芯片，另外三星则有可能会有对应的Exynos芯⽚，加上⾼通带来的骁⻰ X Elite，“百花齐放”的盛况将帮助Windows on ARM设备进⼊新阶段。不过从⽬前掌握的情况来看，⾼通的骁⻰ X Elite或许仍然是最强的竞争者，其引⼊了基于NUVIA技术的定制Oryon内核，放弃了以往基于ARM公版的设计，采⽤了台积电4nm⼯艺制造， 初步的测试结果显示有着不错的性能表现。2024年，对于PC产业而言也许将会是转折性的一年。
AI Agent新对决：LangGraph与AutoGen的技术角力
最新发布
2401_82452722的博客
04-25 864
个人认为这个“Graph”框架使其在构建更复杂和更有见地的工作流程时更具直观性和更好的开发体验，通过对“Graph”的定义，可以对一个 LLM 应用的处理过程进行非常细节的编排设计，从而满足大量复杂场景的 AI Agent 产业应用落地。当然，这一特征也是可选的，如果你不需要要时，就可以选择完全自动的模式。对于简单的问答系统，LCEL都能够提供快速且准确的服务，然而当面对一些更为复杂的任务时，就显得力不从心，因此需要一个具备更精细控制能力的框架来支持更复杂场景的LLM应用，它就是LangGraph。
设计模式- 中介者模式（Mediator）
m0_51176516的博客
04-23 1360
中介者模式（Mediator Pattern）是一种行为型设计模式，用于减少对象之间的直接相互依赖，使得对象间的交互通过一个中介者对象来进行协调。在中介者模式中，对象之间不再直接相互调用，而是通过中介者对象来传递消息和协调行为。 中介者模式的主要目的是简化对象之间的复杂交互关系，降低对象之间的耦合度，使得系统更加易于维护和扩展。通过将交互逻辑集中在一个中介者对象中，可以避免对象之间直接相互依赖和通信的混乱。 中介者模式适用于对象之间存在复杂网状结构关系，且这些关系导致依赖关系混乱和难以复用的场景。
wpf datagrid自动添加新行
04-25
WPF DataGrid可以通过设置属性来实现自动添加新行。具体步骤如下： 1. 在DataGrid控件中添加一个新行： <DataGrid ItemsSource="{Binding MyData}" AutoGenerateColumns="False" CanUserAddRows="True"> <DataGrid.Columns> <DataGridTextColumn Header="Column 1" Binding="{Binding Column1}" /> <DataGridTextColumn Header="Column 2" Binding="{Binding Column2}" /> </DataGrid.Columns> </DataGrid> 2. 在ViewModel中初始化数据源： public class ViewModel { public ObservableCollection<MyDataModel> MyData { get; set; } public ViewModel() { MyData = new ObservableCollection<MyDataModel>(); //添加默认行 MyData.Add(new MyDataModel()); } } 3. 在MyDataModel中设置自动添加新行： public class MyDataModel : INotifyPropertyChanged { //实现INotifyPropertyChanged接口 public event PropertyChangedEventHandler PropertyChanged; //两列数据 private string _column1; public string Column1 { get { return _column1; } set { _column1 = value; RaisePropertyChanged("Column1"); //添加新行 if (string.IsNullOrEmpty(value) && string.IsNullOrEmpty(Column2)) { RaiseRequestNewRow(); } } } private string _column2; public string Column2 { get { return _column2; } set { _column2 = value; RaisePropertyChanged("Column2"); //添加新行 if (string.IsNullOrEmpty(value) && string.IsNullOrEmpty(Column1)) { RaiseRequestNewRow(); } } } //请求添加新行事件 public event EventHandler RequestNewRow; private void RaiseRequestNewRow() { EventHandler handler = RequestNewRow; if (handler != null) { handler(this, EventArgs.Empty); } } //通知数据变更 private void RaisePropertyChanged(string propertyName) { PropertyChangedEventHandler handler = PropertyChanged; if (handler != null) { handler(this, new PropertyChangedEventArgs(propertyName)); } } } 4. 在MainWindow中订阅RequestNewRow事件： public MainWindow() { InitializeComponent(); var viewModel = new ViewModel(); this.DataContext = viewModel; viewModel.MyData.CollectionChanged += MyData_CollectionChanged; } private void MyData_CollectionChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e) { if (e.Action == System.Collections.Specialized.NotifyCollectionChangedAction.Add) { //添加新行 if (e.NewItems != null && e.NewItems.Count > 0) { var newItem = e.NewItems[0] as MyDataModel; newItem.RequestNewRow += NewItem_RequestNewRow; } } } private void NewItem_RequestNewRow(object sender, EventArgs e) { var viewModel = this.DataContext as ViewModel; if (viewModel != null) { viewModel.MyData.Add(new MyDataModel()); } } 这样设置后，当用户在最后一行输入完成后，DataGrid会自动添加一个新行。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值