ASP.NET相关控件GridView和DetailsView的使用

最新推荐文章于 2019-04-18 15:59:46 发布
最新推荐文章于 2019-04-18 15:59:46 发布
阅读量1.3k 收藏 2
点赞数
分类专栏： C# 文章标签： c# gridview detailsview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nono_thin/article/details/13837535
版权

最近一直在研究ASP.NET相关控件GridView和DetailsView的使用，通过各种失败，现在把自己做的贴出来共享【持续更新】。因为时间原因，并没有对控件所有的用法都试验，这只是九牛一毛。有错误欢迎指正。【效果图明天补】

参考资料：

1)GridView：http://blog.csdn.net/haitaodoit/article/details/7463472

2)DetailsView：http://www.jb51.net/article/25061.htm

说明：

1、实现功能

  • GridView显示用户列表的具体信息，admin可对该表进行删除、编辑更新。
  • DetailsView一般用来显示一个项更具体的信息，可是我只单纯的想用它来协助GridView插入数据。

2、表结构

  • users(userid,username,useraddress,buildid)
  • build(buildid,buildname)

3、具体代码实现

  • WebForm1.aspx.cs文件内容：

 
 


  
  
namespace WebForm
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        public OracleDataClass myOracle = new OracleDataClass();
        public ExcelDataClass myExcel = new ExcelDataClass();

        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                GridViewBind();
                DetailsViewBind();
            }
        }

        /// <summary>
        /// GridView换页触发事件
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
        {
            GridView1.PageIndex = e.NewPageIndex;
            GridViewBind();
        }

        /// <summary>
        /// GridView绑定数据源
        /// </summary>
        private void GridViewBind()
        {
            string sqlstr = "select * from users";
            DataSet ds = myOracle.ReadFromOracle(sqlstr);
            if (ds != null)
            {
                GridView1.DataSource = ds.Tables[0];
                GridView1.DataBind();
            }
        }

        /// <summary>
        /// GridView取消编辑
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void GridView1_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e)
        {
            GridView1.EditIndex = -1;
            GridViewBind();
        }

        /// <summary>
        /// GridView 行数据项绑定时触发事件
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
        {
            if ((Label)e.Row.FindControl("lblindex") != null)
            {
                Label index = (Label)e.Row.FindControl("lblindex");
                index.Text = (e.Row.RowIndex +GridView1.PageIndex*GridView1.PageSize+ 1).ToString();
            }
            if ((DropDownList)e.Row.FindControl("ddlbuildid") != null)
            {
                DropDownList ddlbuildid = (DropDownList)e.Row.FindControl("ddlbuildid");
                string sqlstr = "select * from build";
                DataSet ds = myOracle.ReadFromOracle(sqlstr);
                ddlbuildid.DataSource = ds.Tables[0];
                ddlbuildid.DataTextField = "buildid";
                ddlbuildid.DataValueField = "buildid";
                ddlbuildid.DataBind();
                ddlbuildid.SelectedValue = ((HiddenField)e.Row.FindControl("hdfbuildid")).Value;
            }
        }

        /// <summary>
        /// GridView 行数据删除时触发事件
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e)
        {
            Response.Write("<Script. Language=JavaScript>if(confirm('你确认要删除吗？')){window.navigate('doDelete.aspx');} </Script>"); 
            /*
            string userid = GridView1.DataKeys[e.RowIndex].Values[0].ToString();
            string sqlstr = "delete from users where userid='" + userid + "'";
            myOracle.WriteToOralce(sqlstr);
            GridView1.EditIndex = -1;
            GridViewBind();*/

        }

        /// <summary>
        /// GridView 行数据编辑时触发事件
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e)
        {
            GridView1.EditIndex = e.NewEditIndex;
            GridViewBind();
        }

        /// <summary>
        /// GridView 行数据更新时触发事件
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)
        {
            string userid = GridView1.DataKeys[e.RowIndex].Values[0].ToString();
            string useraddress = ((TextBox)GridView1.Rows[e.RowIndex].FindControl("txtuseraddress")).Text;
            string username = ((TextBox)GridView1.Rows[e.RowIndex].FindControl("txtusername")).Text;
            string buildid = ((DropDownList)GridView1.Rows[e.RowIndex].FindControl("ddlbuildid")).Text;
            string sqlstr = "update users set username='" + username + "',useraddress='" + useraddress +
                "',buildid='" + buildid + "' where userid='" + userid + "'";
            myOracle.WriteToOralce(sqlstr);
            GridView1.EditIndex = -1;
            GridViewBind();
        }
        public void SelectAll_Click(object sender,EventArgs e)
        {
        }

        /// <summary>
        /// DetailsView 绑定数据源
        /// </summary>
        private void DetailsViewBind()
        {
            if (this.GridView1.DataSource != null)
            {
                DetailsView1.DataSource = GridView1.DataSource;
                DetailsView1.DataBind();
            }
            else
            {
                string sqlstr = "select * from users";
                DataSet ds = myOracle.ReadFromOracle(sqlstr);
                if (ds != null)
                {
                    DetailsView1.DataSource = ds.Tables[0];
                    DetailsView1.DataBind();
                }
            }
            try
            {
                ((Label)this.DetailsView1.FindControl("lblindex")).Text = (DetailsView1.Rows.Count + 1).ToString();
            }
            catch
            {
            }
            lblFailureText.Text = "";
        }

        /// <summary>
        /// DetailsView 模式改变触发事件
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void DetailsView1_ModeChanging(object sender, DetailsViewModeEventArgs e)
        {
            //this.DetailsView1.DefaultMode = e.NewMode;
        }

        /// <summary>
        /// 下拉菜单数据绑定触发事件
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void ddlbuildid_DataBinding(object sender, EventArgs e)
        {
            if (DetailsView1.CurrentMode == DetailsViewMode.Insert)
            {
                DropDownList ddl = (DropDownList)this.DetailsView1.FindControl("ddlbuildid");
                if (ddl != null)
                {
                    string sqlstr = "select * from build";
                    DataSet ds = myOracle.ReadFromOracle(sqlstr);
                    ddl.DataSource = ds.Tables[0];
                    ddl.DataTextField = "buildid";
                    ddl.DataValueField = "buildid";
                }
            }
        }

        /// <summary>
        /// DetailsView 插入项时
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void DetailsView1_ItemInserting(object sender, DetailsViewInsertEventArgs e)
        {
            //先判断合理性，在插入
            try
            {
                string userid = ((TextBox)this.DetailsView1.FindControl("txtuserid")).Text.Trim();
                string username = ((TextBox)this.DetailsView1.FindControl("txtusername")).Text.Trim();
                string useraddress = ((TextBox)this.DetailsView1.FindControl("txtuseraddress")).Text.Trim();
                string buildid = ((DropDownList)this.DetailsView1.FindControl("ddlbuildid")).SelectedValue;
                if (userid == "")
                {
                    lblFailureText.Text = "*请输入身份证号";
                }
                else if (username == "")
                {
                    lblFailureText.Text = "*请输入姓名";
                }
                else
                {
                    string sqlstr = "select count(*) from users where userid = '" + userid + "'";
                    DataSet ds = myOracle.ReadFromOracle(sqlstr);
                    if (Convert.ToInt32(ds.Tables[0].Rows[0].ItemArray[0].ToString()) > 0)
                    {
                        lblFailureText.Text = "*身份证号已存在，请重新输入";
                    }
                    else
                    {
                        sqlstr = "insert into users (userid,username,useraddress,buildid)" + " values('" + userid + "','" + username + "','" +
                            useraddress + "','" + buildid + "')";
                        if (myOracle.WriteToOralce(sqlstr) > 0)
                        {
                            lblFailureText.Text = "插入成功";
                            GridViewBind();
                        }
                        else
                        {
                            lblFailureText.Text = "插入失败";
                        }
                    }
                }
            }
            catch
            {
            }

        }

        /// <summary>
        /// DetailsView 有项command时，例如Edit,Update,Insert,Delete
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void DetailsView1_ItemCommand(object sender, DetailsViewCommandEventArgs e)
        {
            if (e.CommandName == "Cancel")
            {
                try
                {
                    TextBox tbx = (TextBox)this.DetailsView1.FindControl("txtusername");
                    tbx.Text = "";
                    tbx = (TextBox)this.DetailsView1.FindControl("txtuserid");
                    tbx.Text = "";
                    tbx = (TextBox)this.DetailsView1.FindControl("txtuseraddress");
                    tbx.Text = "";
                    DropDownList ddl = (DropDownList)this.DetailsView1.FindControl("ddlbuildid");
                    ddl.SelectedIndex = 0;
                }
                catch
                {
                }
                DetailsViewBind();
            }
        }
    }
}

  • WebForm1.aspx文件：

 
 

  
  
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebForm.WebForm1" %>

<!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">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <table cellpadding="0" cellspacing="5" border="0" width="80%" style="font-size: 11px">
    <tr>
    <td align="center" style="width:70%">
    <asp:GridView ID="GridView1" runat="server" Width="100%" CellPadding="4" ForeColor="#333333"
    AutoGenerateColumns="False" AllowPaging="True" PageSize="5" DataKeyNames="userid"
    OnRowEditing="GridView1_RowEditing" OnRowUpdating="GridView1_RowUpdating" OnRowDeleting="GridView1_RowDeleting"
    OnRowCancelingEdit="GridView1_RowCancelingEdit" OnPageIndexChanging="GridView1_PageIndexChanging" 
    OnRowDataBound="GridView1_RowDataBound"  >
    <Columns>
    <asp:BoundField HeaderText="身份证号" DataField="userid" Visible="false" />
    <asp:TemplateField HeaderText="序号">
        <ItemTemplate>
            <asp:Label ID="lblindex" runat="server" Width="10px" />
        </ItemTemplate>
        <ItemStyle Width="30px" />
    </asp:TemplateField>
    <asp:TemplateField HeaderText="姓名">
        <ItemTemplate>
            <%# Eval("username") %>
        </ItemTemplate>
        <EditItemTemplate>
            <asp:TextBox ID="txtusername" Text='<%# Eval("username") %>' runat="server" Width="90px" />
        </EditItemTemplate>
        <ItemStyle  Width="100px"/>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="身份证号">
        <ItemTemplate>
            <%# Eval("userid")%>
        </ItemTemplate>
        <EditItemTemplate>
         <asp:TextBox ID="txtuserid" Text='<%#Eval("userid") %>' runat="server" Width="140px" />
        </EditItemTemplate>
        <ItemStyle Width="150px"  HorizontalAlign="Center"/>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="地址">
        <ItemTemplate>
            <%# Eval("useraddress") %>
        </ItemTemplate>
        <EditItemTemplate>
            <asp:TextBox ID="txtuseraddress" Text='<%# Eval("useraddress") %>' runat="server" Width="140px" />
        </EditItemTemplate>
        <ItemStyle Width="150px"  HorizontalAlign="Center"/>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="楼号">
        <ItemTemplate>
            <%#Eval("buildid") %>
        </ItemTemplate>
        <EditItemTemplate>
            <asp:HiddenField ID="hdfbuildid" runat="server" Value='<%# Eval("buildid") %>' />
            <asp:DropDownList ID="ddlbuildid" runat="server" Width="90px" />
        </EditItemTemplate>
        <ItemStyle Width="100px" HorizontalAlign="Center" />
    </asp:TemplateField>
    <asp:CommandField ShowDeleteButton="true" ShowEditButton="true" HeaderText="操作" ItemStyle-HorizontalAlign="Center"/>
    </Columns>
    <PagerSettings FirstPageText="" LastPageText="" NextPageText="" PreviousPageText="" />
    <RowStyle Height="20px" BackColor="#F7F6F3" ForeColor="#333333" />
    <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
    <EditRowStyle BackColor="#999999" />
    <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
    <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
    <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
    <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
    </asp:GridView>
    </td>
    <td align="center" style="width:auto">
    <h5>可在此区域创建一个新的用户</h5>
    <asp:DetailsView ID="DetailsView1" runat="server" Width="100%" CellPadding="4" ForeColor="#333333"
         DataKeyNames="userid" AutoGenerateRows="false" onmodechanging="DetailsView1_ModeChanging" 
            oniteminserting="DetailsView1_ItemInserting"  DefaultMode="Insert"
            onitemcommand="DetailsView1_ItemCommand" >
    <Fields>
    <asp:TemplateField HeaderText="序号" HeaderStyle-Width="50px"  HeaderStyle-HorizontalAlign="Right" >
        <ItemTemplate>
            <asp:Label ID="lblindex" runat="server" />
        </ItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="姓名"  HeaderStyle-Width="50px"  HeaderStyle-HorizontalAlign="Right" >
        <EditItemTemplate>
            <asp:TextBox ID="txtusername" runat="server"/>
        </EditItemTemplate>
        <ItemStyle/>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="身份证号"  HeaderStyle-Width="50px"  HeaderStyle-HorizontalAlign="Right" >
        <EditItemTemplate>
         <asp:TextBox ID="txtuserid" runat="server"/>
        </EditItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="地址"   HeaderStyle-Width="50px"  HeaderStyle-HorizontalAlign="Right" >
        <EditItemTemplate>
            <asp:TextBox ID="txtuseraddress" runat="server" />
        </EditItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="楼号"   HeaderStyle-Width="50px"  HeaderStyle-HorizontalAlign="Right" >
        <EditItemTemplate>
            <asp:DropDownList ID="ddlbuildid" runat="server" OnDataBinding="ddlbuildid_DataBinding" />
        </EditItemTemplate>
    </asp:TemplateField>
    <asp:CommandField ShowInsertButton="true" HeaderText="操作" ItemStyle-HorizontalAlign="Center"/>
    </Fields>
    <PagerSettings FirstPageText="" LastPageText="" NextPageText="" PreviousPageText="" />
    <RowStyle Height="20px" BackColor="#F7F6F3" ForeColor="#333333" />
    <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
    <EditRowStyle BackColor="#999999" />
    <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
    <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
    </asp:DetailsView>
        <asp:Label ID="lblFailureText" runat="server" Text="" ForeColor="Red" Font-Size="Small"></asp:Label>
    </td>
    </tr>
    </table>
    </div>
    </form>
</body>
</html>

  
  

  
  

 
 

 
 

  
  
4、效果图
nono_thin
关注
专栏目录
GridView和DetailsView
babyan的专栏
12-31 3822
 在前面一章中总结了下将GridView与ObjectDataSource结合来显示、修改、删除、分页、排序数据集，在本章中，将使用GridView与DetailsView结合来构成一个Master/Detail结构，实现显示、插入、更新、删除数据。DetailsView控件可以用于显示、编辑、删除一条数据或是用来向数据库插入一条数据。当与GridView或DropDowmList控件一起
GridView和DetailsView的插入，更新与删除
10-24
asp.net 下的GridView和DetailsView结合的插入，更新与删除
asp.net中DetailsView的使用方法
01-20
aspx页面： 代码如下: <asp ID=”DetailsView1″ runat=”server” AutoGenerateRows=”False” Height=”50px” Width=”500px” xss=removed xss=removed xss=removed xss=removed> <Fields
【转贴】GridView、DetailsView等控件的结合使用范例讲解
weixin_30402343的博客
01-20 219
转自： http://www.cn-web.com/cnweb/5/374/article/ 当我们要显示的数所量比较大时，用GridView时就会将页面拉的很长，这样用户单击编辑或者删除时就很不方便，这种情况有两种解决方案： 1.是用GridView控件只显示适当的一小部分数据，然后在最后加一个链接，链向修改页面； 　　效果图: 方法： 我们在GridView控件中添加模板列，在...
ASP.NET使用GridView控件、DetailsView控件
pan_junbiao的博客
02-14 5349
ASP.NET使用GridView控件绑定列表信息、DetailsView控件绑定详细信息。 1、 使用GridView完成用户列表的显示 使用GridView完成用户列表的绑定、分页、数据修改、数据删除、光棒效果。 1.1 创建UserList.aspx文件 &lt;asp:GridView ID="gvUser" runat="server" AutoGenerateColumns=...
ASP.NET:gridview和detailsview的组合应用
07-30
在ASP.NET中，GridView和DetailsView是两种常用的控件，它们在数据展示和交互方面有着各自的优势。 GridView控件主要用于显示表格形式的数据，它可以轻松地从数据库或其他数据源绑定数据，并提供排序、分页、筛选和...
【ASP.NET编程知识】GridView控件实现数据的显示和删除（第8节）.docx
最新发布
05-20
ASP.NET 编程知识 - GridView 控件实现数据的显示和删除 本节学习内容是新闻列表的实现，使用分页功能一个页面显示 4 条新闻。在新闻显示页面，添加一个字段“删除”，运行时，单击该行的“删除按钮时”，弹出...
在ASP.NET 2.0中操作数据之二十八：GridView里的Button
10-22
在ASP.NET 2.0中，GridView控件是用于展示数据的强大工具，它可以与多种其他控件配合使用，提供丰富的用户交互。在本教程中，我们将深入探讨如何在GridView中添加自定义的Button，以及如何处理这些Button的点击事件...
ASP.NET 2.0/3.5中直接操作Gridview控件插入新记录
10-30
在ASP.NET 2.0和3.5中，尽管Gridview控件是一个极其强大的数据展示工具，但它并不直接支持像FormView和DetailsView控件那样的插入新记录功能。这意味着开发者不能像在其他视图控件中那样简单地通过内置机制添加新...
在ASP.NET 2.0中操作数据之十三：在DetailsView控件中使用TemplateField
01-02
比如说，将FirstName和LastName字段合并起来显示在一个GridView列中。 ·使用交互Web控件来展示数据。我们看到了如何使用一个Calendar控件来显示HiredDate的值。 ·显示基于潜在数据的状态信息。尽管Employees表中并
gridview与 detailsview的配合使用，显示主表和明细表内容
08-14
一个使用gridview与 detailsview的页面，使用两个控件，显示主表和明细表内容
在ASP.NET 2.0中操作数据之十：使用 GridView和DetailView实现的主/从报表
10-22
本文我们主要研究了如何使用可选择行的GridView显示主记录，以及在DetailsView中显示选中记录的详细信息。
学习DetailsView和GridView使用
weixin_33805557的博客
01-04 118
依托一拽很方便. 转载于:https://www.cnblogs.com/zq535228/archive/2008/01/04/1026505.html
选择GridView的一行，用DetailsView显示详细内容
闲云野鹤的专栏
07-13 5001
源码位置：http://download.csdn.net/detail/weinierbian/4426673 我们先要配置好一个sqldatasource，假设为sqldatasource1，再添加一个GridView，假设为GridView1，把AutoGenerateSelectButton="True"， DataSourceID="SqlDataSource1" 再添加一个sqld
DetailsView的简单使用
weixin_33957648的博客
08-08 196
最近做一个东西用到DetailsView,所以看了一下资料,用了一下,以前也没用过这个控件,不过与GridView结合起来使用还不错的,因为GridView自带了增、删、改功能，但没有增加，DetailsView的结合就很好的粥补了这一缺点，也可以使GridView中查看单条数据记录的详细信息变是更加方便。 HTML中的代码： &lt;%@ Page Language="C#" AutoEve...
DetailsView 的用法(与GridView 一起使用)
mndn_nana的专栏
11-05 2837
特点:  一次只显示一条,而且分页也是跳到下一条数据.显示数据的格式与GridView 差不多,表格显示,很规范,很难任意布局FormView 与 DataList 差不多,可以任意布局, 可以说随心所欲吧.^_^DetailsView 主要是显示某一条记录的时候,显示详细数据.下面有几个它的知识点:1: 它的分页, 其实不是一页内多条记录的分页,而是一页内显示的就一条记录的相关字段,    确切
GridView和DetailsView一起使用，DetailsView显示详情后无法删除
cash_cp的博客
04-18 1950
一、页面代码：<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div&g...
ASP.NET 2.0 数据操作：DetailsView中的TemplateField实战
"ASP.NET 2.0 中的 DetailsView 控件可以使用 TemplateField 来实现高度自定义的数据展示，类似于 GridView。此教程通过两个 TemplateField 示例，展示如何在 DetailsView 中灵活展示产品信息，包括合并字段、使用 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值