c#asp.net怎么让gridview的单元格怎么可编辑

c#asp.net使gridview单元格可编辑,效果图如下所示。  

方法/步骤

1、

添加BoundField，就是绑定列，设置DataField（绑定的列），HeaderText列标题。添加CommandField列，开启编辑，更新，取消；并绑定事件。操作如图所示。

 

2、前台代码

<asp:GridView ID="gv"   ForeColor="#333333" GridLines="None"  runat="server" AutoGenerateColumns="False" 

                OnRowEditing="gv_RowEditing" OnRowCancelingEdit="gv_RowCancelingEdit" OnRowUpdating="gv_RowUpdating">

                    <FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />

                <Columns>

                    <asp:BoundField DataField="ID" HeaderText="ID" Visible="false" />

                    <asp:BoundField DataField="测试字段1" HeaderText="测试字段1" />

                    <asp:BoundField DataField="测试字段2" HeaderText="测试此段2" />

                    <asp:CommandField ShowEditButton="True" />

                </Columns>

                <RowStyle ForeColor="#000066" />

                        <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />

                        <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />

                        <HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" />

 

            </asp:GridView>

3、后台代码：

public partial class TestGridView : System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {

            if (!IsPostBack)

            {

                DataTable dt = GetDt();

                BindGridView(dt);

            }

        }

 

        private void BindGridView(DataTable dt)

        {

 

            //（重点）设置一个标识（一般是主键）绑定在每一项上去，用于更新数据时，获取主键。（把主键id放在DataKeys）

            this.gv.DataKeyNames = new string[] { "id" };  //这个是绑定在行上的

            gv.DataSource = dt;

            gv.DataBind();

        }

        //实际业务中一般是查询数据库获取

        private DataTable GetDt()

        {

            DataTable dt = new DataTable();

            dt.Columns.Add("ID", typeof(string));

            dt.Columns.Add("测试字段1", typeof(string));

            dt.Columns.Add("测试字段2", typeof(string));

            DataRow r1 = dt.NewRow();

            r1[0] = "1";

            r1[1] = "测试编辑GridView1";

            r1[2] = "测试编辑GridView2";

            dt.Rows.Add(r1);

            return dt;

        }

 

        //点击编辑

        protected void gv_RowEditing(object sender, GridViewEditEventArgs e)

        {

            //设置编辑时的行 等于用户触发事件的这个行

            this.gv.EditIndex = e.NewEditIndex;

            //重新绑定 

            BindGridView(GetDt());

        }

 

        //点击取消时（取消编辑）

        protected void gv_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e)

        {

            //设置当前选中行索引为-1（也就是没有）

            this.gv.EditIndex = -1;

 

            //重新绑定 

            BindGridView(GetDt());

 

        }

 

        //编辑时的更新按钮

        protected void gv_RowUpdating(object sender, GridViewUpdateEventArgs e)

        {

            //当前更新的行数

            int index = e.RowIndex;

            //(重点)获取格子里面，第index行，第0号单元格里面第0个控件（也就是TextBox）强转，获取值

            string newsTitle = ((TextBox)this.gv.Rows[index].Cells[0].Controls[0]).Text.ToString();

            string newsContent = ((TextBox)this.gv.Rows[index].Cells[1].Controls[0]).Text.ToString();

            //这里的id是绑定上去的主键

            int id = Convert.ToInt32(this.gv.DataKeys[index].Value);

            string ceshi1 = ((TextBox)(gv.Rows[e.RowIndex].Cells[1].Controls[0])).Text.ToString().Trim();

            string ceshi2 = ((TextBox)(gv.Rows[e.RowIndex].Cells[1].Controls[0])).Text.ToString().Trim();

            //这里实际业务  应该通过id更新字段  更新完后重新绑定

            BindGridView(GetDt());

        }

    }