ASP.NET中的DataGridView绑定数据和选中行删除功能具
首现我们拖入一个DataGridView控件到.aspx页面中,然后绑定你需要显示的列,具体代码如下。
<asp:GridView ID="gvDepartList" runat="server" AutoGenerateColumns="False"
Height="108px" Width="600px" OnRowDeleting="gvDepartList_RowDeleting" RowDataBound="gvDepartList_RowDataRound">
<Columns>
<asp:TemplateField HeaderText="部门名称" >
<ItemTemplate>
<asp:Label runat="server" style="text-align:center" Text='<%# Eval("DepartName") %>' />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField HeaderText="机构" DataField="BranchId" />
<asp:BoundField HeaderText="负责人" DataField="PrincipalUser" />
<asp:BoundField HeaderText="联系电话" DataField="ConnectTelNo" />
<asp:BoundField HeaderText="移动电话" DataField="ConnectMobileTelNo"/>
<asp:BoundField HeaderText="传真" DataField="Faxes" />
<asp:TemplateField HeaderText="修改">
<ItemTemplate>
<asp:ImageButton ID="ImageButton1" ImageUrl="../images/edit.gif" CommandArgument='<%#Eval("DepartId") %>' CommandName="delete" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="删除">
<ItemTemplate>
<asp:ImageButton ImageUrl="../images/delete.gif" CommandArgument='<%#Eval("DepartId") %>' CommandName="delete" runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
二在这个.aspx页面后台的Page_load事件中绑定数据。
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
gvDepartList.DataSource= new DepartInfoManager().GetDepartInfos(-1);
gvDepartList.DataBind();
}
}
如果我们想添加一个DataGridView的光棒效果,就是每一行鼠标悬浮上去变动背景色啦。
/// <summary>
/// 动态注册脚本(在GridView控件呈现之前) 光棒效果
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
protected void gvUsers_RowDataBound(object sender, GridViewRowEventArgs e)
{
//此处判断只有在数据行在进行脚本注册
if (e.Row.RowType == DataControlRowType.DataRow)
{
//光棒效果
e.Row.Attributes.Add("onmouseover","currentcolor=this.style.backgroundColor;this.style.backgroundColor='#6699ff'");
e.Row.Attributes.Add("onmouseout ", "this.style.backgroundColor=currentcolor");
LinkButton lnkbtnDel = e.Row.FindControl("lnkbtnDel") as LinkButton;
lnkbtnDel.Attributes.Add("onclick", "return confirm('确定删除吗?')");
}
}
现在重点来了,怎么一行的数据呢?既然是删除,我们肯定是要根据一条数据的ID来删除了,那么我们在Page_load方法中加入一段代码
gvDepartList.DataKeyNames = new string[] { "id"};//这个代码是什么意思呢,就是每一行设置一个键,这个键就是用来操作数据的。
现在我们用一种方法删除,看到页面中的倒数第二列,没错,是一个ImageButtom控件,这个控件是放了一个删除按钮的小图标,CommandArgument是干什么的呢?CommandName又是干什么的呢?CommandArgument就是指定我们要操作的参数,CommandName就是指令这个按钮是要干什么?这里用到的是删除,我们写上Delete。
<asp:TemplateField HeaderText="删除">
<ItemTemplate>
<asp:ImageButton ImageUrl="../images/delete.gif" CommandArgument='<%#Eval("DepartId") %>' CommandName="delete" runat="server" />
</ItemTemplate>
</asp:TemplateField>
接下来就是后台操作代码了,可以看到这个DataGridView绑定了一个OnRowDeleting事件,这个事件就是用来删除的。
然后我们在这个事件写上这样的代码。
/// <summary>
/// 删除选中的行
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
protected void gvDepartList_RowDeleting(object sender, GridViewDeleteEventArgs e)
{
ImageButton buttom = gvDepartList.Rows[e.RowIndex].FindControl("btnDelete") as ImageButton;
string departId = buttom.CommandArgument.ToString();
if (manage.DeleteDepart(departId))
{
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "alert", "<script>alert('删除成功!');</script>");
BindDepartInfos();//重新绑定数据
}
else
{
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "alert", "<script>alert('删除失败!');</script>");
}
}
为了更好的用户体验,我们可以不使用这个Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "alert", "<script>alert('删除成功!');</script>");
可以选择在页面中显眼的地方放一个label控件,设计Visible=false;隐藏它,然后删除成功后,利用这个Label控件来提示用户,删除成功!
编程语言
- 宿迁百度关键词排名指南:实现精准营销的关键
- 四川SEO优化怎么做网络推广
- 立昂技术备案老域名收购:如何为您的业务赋能
- 安徽百度关键词seo贵不贵,一般需要多少钱
- 吉林百度快照排名怎么做电话营销
- 多伦新手做SEO怎么做
- 甘肃优化关键词排名推广怎么做论坛营销
- 沙雅SEO网站推广:提升您的在线可见性
- 四川SEO优化如何提升销售额和销售量
- 聂荣网站排名优化:提升网站可见性的全方位指
- 涞水SEO:提升地方企业在线可见性的策略
- 辽宁百度seo排名怎样做网站排名
- 临湘哪有关键词排名优化:提升网站可见度的关
- 黑龙江百度网站优化有没有优惠
- 凉城优化关键词排名推广:提升您的网络可见性
- 萝北整站优化:提升您网站流量和排名的全面指