在DataGrid快速添加新行

转载 2006年06月15日 14:37:00

下面的这个例子提供了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

 

easyui-datagrid行编辑每增加一行,某列的单元格自动填充指定内容

datagrid行编辑每增加一行,某列的单元格自动填充指定内容的两种方法
  • studying0419
  • studying0419
  • 2016年11月04日 09:06
  • 1545

datagrid 基本添加行,删除行,插入行,自定义方法

一、需要引入的文件 二、代码详解 /* 允许编辑单元格 */ $('#contentTable').datagrid().datagrid('enableCellEditing'); /*...
  • weinichendian
  • weinichendian
  • 2016年09月20日 15:15
  • 2822

easyUI..关于datagrid实现追加一行做统计功能

table id="dg">table> script>         $(function () {             $('#dg').datagrid({          ...
  • u011271894
  • u011271894
  • 2015年11月24日 20:11
  • 5300

easyui datagrid增加一行或删除一行

String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServ...
  • MrFlameDragon
  • MrFlameDragon
  • 2016年11月24日 11:35
  • 12163

datagrid 基本添加行,删除行,插入行,自定义方法

一、需要引入的文件 二、代码详解 /* 允许编辑单元格 */ $('#contentTable').datagrid().datagrid('enableCellEditing'); /*...
  • weinichendian
  • weinichendian
  • 2016年09月20日 15:15
  • 2822

关于wpf DataGrid 的增加删除行操作

最后 通过duanzi_peng 的建议 绑定了一个 数组   通过对数组的增加删 来实现 DataGrid的行数变化, 然后遍历出这个数组的 类,然后直接将这个类包含的值 插入数据库     下面是...
  • yjjone
  • yjjone
  • 2014年09月08日 10:51
  • 5536

easyui-datagrid删除行,添加行

这里我遇到的问题是怎么点击分配按钮把左边表单中选中的内容删除,并且在右边的表单中添加选中的那些内容。 经过查阅百度及easyui的官方文档,我解决用到了下面的几个datagrid中的方法: 用到的...
  • a4638966
  • a4638966
  • 2017年02月17日 13:40
  • 3544

easyui行编辑:利用append row添加行,直接在行中编辑,ajax提交保存

今天工作用到了easyui行编辑,在这里总结一下,不会的同学可以看看,顺便吐槽一下,网上的很多博客都是粘贴复制的,内容很乱 ,而且看不懂,不知道这些粘贴复制的怀的是什么心,不但没用,还影响别人搜索。 ...
  • u011250851
  • u011250851
  • 2016年01月04日 17:35
  • 8277

给Jquery easyui 的datagrid 每行增加操作链接

easuUI 超链接
  • zllaptx4869
  • zllaptx4869
  • 2014年07月31日 11:17
  • 2188

Easyui datagrid 动态添加数据

1、页面代码
  • ytangdigl
  • ytangdigl
  • 2017年05月17日 15:08
  • 1949
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:在DataGrid快速添加新行
举报原因:
原因补充:

(最多只允许输入30个字)