C# asp .net GridView控件基础操作详解

1、创建

通过VS创建的.net aspx项目通过左栏工具箱搜索可以获得GridView控件。
在这里插入图片描述

2、基本操作

单击控件右上角的扩展符号,获得扩展栏
在这里插入图片描述
首先是配置数据源,数据源同样通过工具栏的SqlDataSource进行配置,在扩展栏选择已经配置好的数据源即可。
分页、删除、编辑都是GridView自带的功能,但是需要进行后端的绑定。
右键点击GridView的属性,属性上栏有一个闪电的标志,点击后打开如下图页面
在这里插入图片描述
通过绑定后端的函数进行删除操作,如果未绑定删除函数,则会报错。

在这里插入图片描述
有的小伙伴可能遇到一拉出来就是固定三行全是abc的情况,这时候点开扩展栏的编辑列,把左下角的 自动生成字段 选项勾掉,再添加自己的列就可以了

3、单行配置

通过扩展栏中的编辑列,进行单行配置。
比如需要ButtonField进行点击跳转,则在绑定删除的同一页面上绑定RowCommand属性
后端代码如下:

protected void GridView1_RowCommand1(object sender, GridViewCommandEventArgs e)
    {
        mycon.Open();
        if (e.CommandName == "View")
        {
            int temp = Convert.ToInt32(e.CommandArgument);
            id = (String)this.GridView1.Rows[temp].Cells[0].Text;//获取被选取行第一个格子的值
            Response.Redirect("photo_view.aspx?userId=" + userId + "&id=" + id);
        }
        if(e.CommandName == "Add")
        {
            int temp = Convert.ToInt32(e.CommandArgument);
            id= (String)this.GridView1.Rows[temp].Cells[0].Text;
            Response.Redirect("photo_add.aspx?userId="+userId+"&id="+id);
        }
    }

若前端配置如下,CommandName为View,则会触发后端CommandName为View的响应。

在这里插入图片描述

4、如何通过ImageField显示数据库中的url对应的图片

imageField配置如下,DataImageUrlField可用来绑定数据库中的url并以表格的方式呈现出对应的图片。
在这里插入图片描述
重点是数据库中url的格式

                    string filePath = "D:/c#/大作业/Net_Web/Net_Web/WebInfo/img/" + file.FileName;
                    string s = "img/"+file.FileName;
                    file.SaveAs(filePath);
                    string constr = "server=localhost;User Id=netuser;password=123456;Database=net_asp";
                    string sql = "insert into album_photo(url,user_id,album_id) values('" + s + "','" + userid + "','" + album_id+ "')";
                    /*勿copy 删除了无关部分*/

如果直接存代码中的filepath的话是无法显示的

一个用GridView走捷径实现相册功能的菜鸡的总结
如有不对请大佬指正

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值