利用datagrid编辑

本文展示了如何使用ASP.NET中的DataGrid控件实现数据的展示、编辑、更新和删除功能。通过具体的C#代码示例,介绍了如何配置DataGrid并处理各种事件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

if exists (select * from dbo.sysobjects where
id = object_id(N''[dbo].[People]'') and OBJECTPROPERTY(id, N''IsUserTable'') = 1)
drop table [dbo].[People]
GO


CREATE TABLE [dbo].[People] (
[pkID] [int] IDENTITY (1, 1) NOT NULL ,
[FirstName] [char] (100) COLLATE Chinese_PRC_CI_AS NULL ,
[LastName] [char] (100) COLLATE Chinese_PRC_CI_AS NULL
) ON [PRIMARY]
GO


EditDataGridCS.ASPx


<%@ Page Language="C#" debug="true"%>
<%@ Import Namespace="System.Data"%>
<%@ Import Namespace="System.Data.SqlClient" %>


<script runat="server">


//make first sql
String sql = "";
String strCnn = "Data Source=.;Initial Catalog=aa;User Id=sa;Password=;";
//create a datasource function
public ICollection CreateDataSource () {
SqlConnection conn = new SqlConnection(strCnn);


SqlDataAdapter db_sqladaptor = new SqlDataAdapter(sql,conn);


DataSet ds = new DataSet();
db_sqladaptor.Fill(ds,"MyDataResult");


DataView myView = ds.Tables["MyDataResult"].DefaultView;
return myView;
}

 

//do page load


public void Page_Load(Object sender, EventArgs e) {
strCnn = "Data Source=.;Initial Catalog=aa;User Id=sa;Password=;";


if (!IsPostBack)
{
sql = "Select * FROM People";
People.DataSource = CreateDataSource();
People.DataBind();
}


}


public void Page_Grid(Object sender, DataGridPageChangedEventArgs e)
{
sql = "Select * FROM People";
// Set CurrentPageIndex to the page the user clicked.
People.CurrentPageIndex = e.NewPageIndex;


// Rebind the data.
People.DataSource = CreateDataSource();
People.DataBind();


}


public void People_Edit(Object sender, DataGridCommandEventArgs e)
{
sql = "Select * FROM People";


People.EditItemIndex = e.Item.ItemIndex;
People.DataSource = CreateDataSource();
People.DataBind();


}


public void People_Cancel(Object sender, DataGridCommandEventArgs e)
{
sql = "Select * FROM People";
People.EditItemIndex = -1;
People.DataSource = CreateDataSource();
People.DataBind();


}


public void People_Update(Object sender, DataGridCommandEventArgs e)
{
string FirstName = ((TextBox)e.Item.Cells[1].Controls[1]).Text;
string LastName = ((TextBox)e.Item.Cells[2].Controls[1]).Text;


SqlConnection connUpdate = new SqlConnection(strCnn);
connUpdate.Open();
String sql_edit = "UPDATE People " +
"SET FirstName = ''" + FirstName.Replace("''","''''")+ "''," +
"LastName = ''" + LastName.Replace("''","''''")+ "''" +
" WHERE pkID = " + e.Item.Cells[0].Text;


SqlCommand sqlCommandUpdate = new SqlCommand(sql_edit,connUpdate);
sqlCommandUpdate.ExecuteNonQuery();
connUpdate.Close();


sql = "Select * FROM People";
People.EditItemIndex = -1;
People.DataSource = CreateDataSource();
People.DataBind();


}


public void People_Delete(Object sender, DataGridCommandEventArgs e) {


SqlConnection connDel = new SqlConnection(strCnn);
connDel.Open();
String sql_Del = "DELETE FROM People " +
" WHERE pkID = " + e.Item.Cells[0].Text;


SqlCommand sqlCommandDel = new SqlCommand(sql_Del,connDel);
sqlCommandDel.ExecuteNonQuery();
connDel.Close();


sql = "Select * FROM People";
People.EditItemIndex = -1;
People.DataSource = CreateDataSource();
People.DataBind();


}


</script>


<font face="arial" size="3">
<b>Edit People</b>
</font>
<br>


上一篇: 利用WebClient和WebRequest类获得网页源代码
下一篇: 如何在域控制器上安装asp.net?
<form runat="server">


<ASP:DataGrid id="People" runat="server"
BorderColor="green"
Width="640"
PageSize="5"
AllowPaging="true"
OnPageIndExchanged="Page_Grid"
BorderWidth="1"
CellPadding="3"
AutoGenerateColumns="false"
ShowHeader="true"
Visible="true"


OnEditCommand="People_Edit"
OnCancelCommand="People_Cancel"
OnUpdateCommand="People_Update"
OnDeleteCommand="People_Delete">


<HeaderStyle BorderColor="White" BackColor="black"
ForeColor="White"
Font-Bold="True"
Font-Name="Arial"
Font-Size="9" HorizontalAlign="Center"/>


<ItemStyle BorderColor=""
BackColor="#FFFFF0"
ForeColor="Black"
Font-Name="Arial"
Font-Size="8"
Font-Bold="False" HorizontalAlign="Center"/>


<EditItemStyle BorderColor=""
BackColor="#FFFFF0"
ForeColor="Black"
Font-Name="Arial"
Font-Size="7"
Font-Bold="False" HorizontalAlign="Center"/>


<PagerStyle Mode="NumericPages" Font-Size="8"/>


<Columns>


<asp:BoundColumn HeaderText="ID" ReadOnly="true" DataField="pkID"/>


<asp:TemplateColumn>


<HeaderTemplate>
<b> First Name </b>
</HeaderTemplate>


<ItemTemplate>
<asp:Label
Text=''<%# DataBinder.Eval(Container.DataItem, "FirstName").ToString().Trim() %>''
runat="server"/>
</ItemTemplate>

 

<EditItemTemplate>
<asp:TextBox id="FirstName" Text=''
<%# DataBinder.Eval(Container.DataItem, "FirstName").ToString().Trim() %>''
runat="server" Width="100%"/>
</EditItemTemplate>


</asp:TemplateColumn>


<asp:TemplateColumn>


<HeaderTemplate>
<b> Last Name </b>
</HeaderTemplate>


<ItemTemplate>
<asp:Label
Width="200"
Text=''<%# DataBinder.Eval(Container.DataItem, "LastName").ToString().Trim() %>''
runat="server"/>
</ItemTemplate>


<EditItemTemplate>
<asp:TextBox id="LastName" Text=''<br>
<%# DataBinder.Eval(Container.DataItem, "LastName").ToString().Trim() %>''
runat="server" Width="100%"/>
</EditItemTemplate>


</asp:TemplateColumn>


<asp:EditCommandColumn
ButtonType="LinkButton"
CancelText="Cancel"
EditText="Edit"
UpdateText="Update" />


<asp:ButtonColumn Text= "Delete" CommandName="Delete"></asp:ButtonColumn>


</Columns>


</asp:DataGrid>


</form>

 


上一篇: 捕捉DataGrid的双击事件(C#版本)
下一篇: asp.net中显示DataGrid控件列序号的几种方法

<form runat="server">


<ASP:DataGrid id="People" runat="server"
BorderColor="green"
Width="640"
PageSize="5"
AllowPaging="true"
OnPageIndExchanged="Page_Grid"
BorderWidth="1"
CellPadding="3"
AutoGenerateColumns="false"
ShowHeader="true"
Visible="true"


OnEditCommand="People_Edit"
OnCancelCommand="People_Cancel"
OnUpdateCommand="People_Update"
OnDeleteCommand="People_Delete">


<HeaderStyle BorderColor="White" BackColor="black"
ForeColor="White"
Font-Bold="True"
Font-Name="Arial"
Font-Size="9" HorizontalAlign="Center"/>


<ItemStyle BorderColor=""
BackColor="#FFFFF0"
ForeColor="Black"
Font-Name="Arial"
Font-Size="8"
Font-Bold="False" HorizontalAlign="Center"/>


<EditItemStyle BorderColor=""
BackColor="#FFFFF0"
ForeColor="Black"
Font-Name="Arial"
Font-Size="7"
Font-Bold="False" HorizontalAlign="Center"/>


<PagerStyle Mode="NumericPages" Font-Size="8"/>


<Columns>


<asp:BoundColumn HeaderText="ID" ReadOnly="true" DataField="pkID"/>


<asp:TemplateColumn>


<HeaderTemplate>
<b> First Name </b>
</HeaderTemplate>


<ItemTemplate>
<asp:Label
Text=''<%# DataBinder.Eval(Container.DataItem, "FirstName").ToString().Trim() %>''
runat="server"/>
</ItemTemplate>

 

<EditItemTemplate>
<asp:TextBox id="FirstName" Text=''
<%# DataBinder.Eval(Container.DataItem, "FirstName").ToString().Trim() %>''
runat="server" Width="100%"/>
</EditItemTemplate>


</asp:TemplateColumn>


<asp:TemplateColumn>


<HeaderTemplate>
<b> Last Name </b>
</HeaderTemplate>


<ItemTemplate>
<asp:Label
Width="200"
Text=''<%# DataBinder.Eval(Container.DataItem, "LastName").ToString().Trim() %>''
runat="server"/>
</ItemTemplate>


<EditItemTemplate>
<asp:TextBox id="LastName" Text=''<br>
<%# DataBinder.Eval(Container.DataItem, "LastName").ToString().Trim() %>''
runat="server" Width="100%"/>
</EditItemTemplate>


</asp:TemplateColumn>


<asp:EditCommandColumn
ButtonType="LinkButton"
CancelText="Cancel"
EditText="Edit"
UpdateText="Update" />


<asp:ButtonColumn Text= "Delete" CommandName="Delete"></asp:ButtonColumn>


</Columns>


</asp:DataGrid>


</form>

 


上一篇: 捕捉DataGrid的双击事件(C#版本)
下一篇: asp.net中显示DataGrid控件列序号的几种方法

<form runat="server">


<ASP:DataGrid id="People" runat="server"
BorderColor="green"
Width="640"
PageSize="5"
AllowPaging="true"
OnPageIndExchanged="Page_Grid"
BorderWidth="1"
CellPadding="3"
AutoGenerateColumns="false"
ShowHeader="true"
Visible="true"


OnEditCommand="People_Edit"
OnCancelCommand="People_Cancel"
OnUpdateCommand="People_Update"
OnDeleteCommand="People_Delete">


<HeaderStyle BorderColor="White" BackColor="black"
ForeColor="White"
Font-Bold="True"
Font-Name="Arial"
Font-Size="9" HorizontalAlign="Center"/>


<ItemStyle BorderColor=""
BackColor="#FFFFF0"
ForeColor="Black"
Font-Name="Arial"
Font-Size="8"
Font-Bold="False" HorizontalAlign="Center"/>


<EditItemStyle BorderColor=""
BackColor="#FFFFF0"
ForeColor="Black"
Font-Name="Arial"
Font-Size="7"
Font-Bold="False" HorizontalAlign="Center"/>


<PagerStyle Mode="NumericPages" Font-Size="8"/>


<Columns>


<asp:BoundColumn HeaderText="ID" ReadOnly="true" DataField="pkID"/>


<asp:TemplateColumn>


<HeaderTemplate>
<b> First Name </b>
</HeaderTemplate>


<ItemTemplate>
<asp:Label
Text=''<%# DataBinder.Eval(Container.DataItem, "FirstName").ToString().Trim() %>''
runat="server"/>
</ItemTemplate>

 

<EditItemTemplate>
<asp:TextBox id="FirstName" Text=''
<%# DataBinder.Eval(Container.DataItem, "FirstName").ToString().Trim() %>''
runat="server" Width="100%"/>
</EditItemTemplate>


</asp:TemplateColumn>


<asp:TemplateColumn>


<HeaderTemplate>
<b> Last Name </b>
</HeaderTemplate>


<ItemTemplate>
<asp:Label
Width="200"
Text=''<%# DataBinder.Eval(Container.DataItem, "LastName").ToString().Trim() %>''
runat="server"/>
</ItemTemplate>


<EditItemTemplate>
<asp:TextBox id="LastName" Text=''<br>
<%# DataBinder.Eval(Container.DataItem, "LastName").ToString().Trim() %>''
runat="server" Width="100%"/>
</EditItemTemplate>


</asp:TemplateColumn>


<asp:EditCommandColumn
ButtonType="LinkButton"
CancelText="Cancel"
EditText="Edit"
UpdateText="Update" />


<asp:ButtonColumn Text= "Delete" CommandName="Delete"></asp:ButtonColumn>


</Columns>


</asp:DataGrid>


</form>

 


上一篇: 捕捉DataGrid的双击事件(C#版本)
下一篇: asp.net中显示DataGrid控件列序号的几种方法

<form runat="server">


<ASP:DataGrid id="People" runat="server"
BorderColor="green"
Width="640"
PageSize="5"
AllowPaging="true"
OnPageIndExchanged="Page_Grid"
BorderWidth="1"
CellPadding="3"
AutoGenerateColumns="false"
ShowHeader="true"
Visible="true"


OnEditCommand="People_Edit"
OnCancelCommand="People_Cancel"
OnUpdateCommand="People_Update"
OnDeleteCommand="People_Delete">


<HeaderStyle BorderColor="White" BackColor="black"
ForeColor="White"
Font-Bold="True"
Font-Name="Arial"
Font-Size="9" HorizontalAlign="Center"/>


<ItemStyle BorderColor=""
BackColor="#FFFFF0"
ForeColor="Black"
Font-Name="Arial"
Font-Size="8"
Font-Bold="False" HorizontalAlign="Center"/>


<EditItemStyle BorderColor=""
BackColor="#FFFFF0"
ForeColor="Black"
Font-Name="Arial"
Font-Size="7"
Font-Bold="False" HorizontalAlign="Center"/>


<PagerStyle Mode="NumericPages" Font-Size="8"/>


<Columns>


<asp:BoundColumn HeaderText="ID" ReadOnly="true" DataField="pkID"/>


<asp:TemplateColumn>


<HeaderTemplate>
<b> First Name </b>
</HeaderTemplate>


<ItemTemplate>
<asp:Label
Text=''<%# DataBinder.Eval(Container.DataItem, "FirstName").ToString().Trim() %>''
runat="server"/>
</ItemTemplate>

 

<EditItemTemplate>
<asp:TextBox id="FirstName" Text=''
<%# DataBinder.Eval(Container.DataItem, "FirstName").ToString().Trim() %>''
runat="server" Width="100%"/>
</EditItemTemplate>


</asp:TemplateColumn>


<asp:TemplateColumn>


<HeaderTemplate>
<b> Last Name </b>
</HeaderTemplate>


<ItemTemplate>
<asp:Label
Width="200"
Text=''<%# DataBinder.Eval(Container.DataItem, "LastName").ToString().Trim() %>''
runat="server"/>
</ItemTemplate>


<EditItemTemplate>
<asp:TextBox id="LastName" Text=''<br>
<%# DataBinder.Eval(Container.DataItem, "LastName").ToString().Trim() %>''
runat="server" Width="100%"/>
</EditItemTemplate>


</asp:TemplateColumn>


<asp:EditCommandColumn
ButtonType="LinkButton"
CancelText="Cancel"
EditText="Edit"
UpdateText="Update" />


<asp:ButtonColumn Text= "Delete" CommandName="Delete"></asp:ButtonColumn>


</Columns>


</asp:DataGrid>


</form>

 


上一篇: 捕捉DataGrid的双击事件(C#版本)
下一篇: asp.net中显示DataGrid控件列序号的几种方法

<form runat="server">


<ASP:DataGrid id="People" runat="server"
BorderColor="green"
Width="640"
PageSize="5"
AllowPaging="true"
OnPageIndExchanged="Page_Grid"
BorderWidth="1"
CellPadding="3"
AutoGenerateColumns="false"
ShowHeader="true"
Visible="true"


OnEditCommand="People_Edit"
OnCancelCommand="People_Cancel"
OnUpdateCommand="People_Update"
OnDeleteCommand="People_Delete">


<HeaderStyle BorderColor="White" BackColor="black"
ForeColor="White"
Font-Bold="True"
Font-Name="Arial"
Font-Size="9" HorizontalAlign="Center"/>


<ItemStyle BorderColor=""
BackColor="#FFFFF0"
ForeColor="Black"
Font-Name="Arial"
Font-Size="8"
Font-Bold="False" HorizontalAlign="Center"/>


<EditItemStyle BorderColor=""
BackColor="#FFFFF0"
ForeColor="Black"
Font-Name="Arial"
Font-Size="7"
Font-Bold="False" HorizontalAlign="Center"/>


<PagerStyle Mode="NumericPages" Font-Size="8"/>


<Columns>


<asp:BoundColumn HeaderText="ID" ReadOnly="true" DataField="pkID"/>


<asp:TemplateColumn>


<HeaderTemplate>
<b> First Name </b>
</HeaderTemplate>


<ItemTemplate>
<asp:Label
Text=''<%# DataBinder.Eval(Container.DataItem, "FirstName").ToString().Trim() %>''
runat="server"/>
</ItemTemplate>

 

<EditItemTemplate>
<asp:TextBox id="FirstName" Text=''
<%# DataBinder.Eval(Container.DataItem, "FirstName").ToString().Trim() %>''
runat="server" Width="100%"/>
</EditItemTemplate>


</asp:TemplateColumn>


<asp:TemplateColumn>


<HeaderTemplate>
<b> Last Name </b>
</HeaderTemplate>


<ItemTemplate>
<asp:Label
Width="200"
Text=''<%# DataBinder.Eval(Container.DataItem, "LastName").ToString().Trim() %>''
runat="server"/>
</ItemTemplate>


<EditItemTemplate>
<asp:TextBox id="LastName" Text=''<br>
<%# DataBinder.Eval(Container.DataItem, "LastName").ToString().Trim() %>''
runat="server" Width="100%"/>
</EditItemTemplate>


</asp:TemplateColumn>


<asp:EditCommandColumn
ButtonType="LinkButton"
CancelText="Cancel"
EditText="Edit"
UpdateText="Update" />


<asp:ButtonColumn Text= "Delete" CommandName="Delete"></asp:ButtonColumn>


</Columns>


</asp:DataGrid>


</form>

 


上一篇: 捕捉DataGrid的双击事件(C#版本)
下一篇: asp.net中显示DataGrid控件列序号的几种方法

<form runat="server">


<ASP:DataGrid id="People" runat="server"
BorderColor="green"
Width="640"
PageSize="5"
AllowPaging="true"
OnPageIndExchanged="Page_Grid"
BorderWidth="1"
CellPadding="3"
AutoGenerateColumns="false"
ShowHeader="true"
Visible="true"


OnEditCommand="People_Edit"
OnCancelCommand="People_Cancel"
OnUpdateCommand="People_Update"
OnDeleteCommand="People_Delete">


<HeaderStyle BorderColor="White" BackColor="black"
ForeColor="White"
Font-Bold="True"
Font-Name="Arial"
Font-Size="9" HorizontalAlign="Center"/>


<ItemStyle BorderColor=""
BackColor="#FFFFF0"
ForeColor="Black"
Font-Name="Arial"
Font-Size="8"
Font-Bold="False" HorizontalAlign="Center"/>


<EditItemStyle BorderColor=""
BackColor="#FFFFF0"
ForeColor="Black"
Font-Name="Arial"
Font-Size="7"
Font-Bold="False" HorizontalAlign="Center"/>


<PagerStyle Mode="NumericPages" Font-Size="8"/>


<Columns>


<asp:BoundColumn HeaderText="ID" ReadOnly="true" DataField="pkID"/>


<asp:TemplateColumn>


<HeaderTemplate>
<b> First Name </b>
</HeaderTemplate>


<ItemTemplate>
<asp:Label
Text=''<%# DataBinder.Eval(Container.DataItem, "FirstName").ToString().Trim() %>''
runat="server"/>
</ItemTemplate>

 

<EditItemTemplate>
<asp:TextBox id="FirstName" Text=''
<%# DataBinder.Eval(Container.DataItem, "FirstName").ToString().Trim() %>''
runat="server" Width="100%"/>
</EditItemTemplate>


</asp:TemplateColumn>


<asp:TemplateColumn>


<HeaderTemplate>
<b> Last Name </b>
</HeaderTemplate>


<ItemTemplate>
<asp:Label
Width="200"
Text=''<%# DataBinder.Eval(Container.DataItem, "LastName").ToString().Trim() %>''
runat="server"/>
</ItemTemplate>


<EditItemTemplate>
<asp:TextBox id="LastName" Text=''<br>
<%# DataBinder.Eval(Container.DataItem, "LastName").ToString().Trim() %>''
runat="server" Width="100%"/>
</EditItemTemplate>


</asp:TemplateColumn>


<asp:EditCommandColumn
ButtonType="LinkButton"
CancelText="Cancel"
EditText="Edit"
UpdateText="Update" />


<asp:ButtonColumn Text= "Delete" CommandName="Delete"></asp:ButtonColumn>


</Columns>


</asp:DataGrid>


</form>

 


上一篇: 捕捉DataGrid的双击事件(C#版本)
下一篇: asp.net中显示DataGrid控件列序号的几种方法

 

 

### WPF DataGrid 编辑功能实现 为了实现在WPF应用程序中的`DataGrid`编辑功能,可以利用数据绑定机制来简化操作。当设置`ItemsSource`属性时,如果源集合实现了`INotifyPropertyChanged`接口,则可以在用户修改单元格内容后自动更新模型对象的数据[^2]。 下面是一个简单的例子展示如何创建可编辑的`DataGrid`: #### 定义数据类并实现通知更改接口 首先定义一个业务实体类,并让其实现`INotifyPropertyChanged`以便支持属性变化的通知。 ```csharp public class Zjwz : INotifyPropertyChanged { private string name; public string Name { get => this.name; set { this.name = value; OnPropertyChanged(nameof(Name)); } } // Implementing the PropertyChanged event and raising it when properties change. public event PropertyChangedEventHandler PropertyChanged; protected virtual void OnPropertyChanged(string propertyName) { PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); } } ``` #### 设置视图加载事件处理程序初始化表格项源 接着,在窗口或者页面的XAML文件里关联好相应的事件处理器用于设定`DataGrid`的数据上下文。 ```xml <Window x:Class="YourNamespace.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" Loaded="win_OnLoaded"> <!-- ... --> </Window> ``` 对应的C#代码如下所示: ```csharp private ObservableCollection<Zjwz> _gridZhuJieList = new(); private void win_OnLoaded(object sender, RoutedEventArgs e) { DataContext = this; // Set data context to current instance if not already done so in XAML DataGrid.ItemsSource = _gridZhuJieList; // Optionally populate with some initial items here... } ``` #### 启用行编辑模式 为了让每一行都成为可编辑状态,可以通过配置`DataGrid`的相关属性做到这一点。比如允许单击进入编辑模式、双击打开编辑器等。 ```xml <DataGrid AutoGenerateColumns="False" CanUserAddRows="True" SelectionMode="Extended" IsReadOnly="False"> <DataGrid.Columns> <DataGridTextColumn Header="Name" Binding="{Binding Path=Name}" /> <!-- Add more columns as needed... --> </DataGrid.Columns> </DataGrid> ``` 以上就是关于在WPF应用中启用`DataGrid`编辑特性的基本方法介绍。通过这种方式,能够方便快捷地构建具有交互能力的数据网格界面组件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值