C#-WebForm-GridView表格展示数据

首页 > 代码库 > C#-WebForm-GridView表格展示数据

C#-WebForm-GridView表格展示数据

2024-09-04 08:20:41 221人阅读

GrideView　　控件，功能是将数据库的数据用表格的形式展示在页面上

一、<源>代码中放入 GridView 控件

技术分享

打开<设计>界面

技术分享

二、绑定数据源

（一）创建 LinQ 类

技术分享

（二）新建数据源　　工具箱→数据：LinqDataSource

技术分享

（三）绑定数据

（1）配置数据源

技术分享

（2）绑定数据

技术分享

效果：

技术分享

三、设置样式属性

（1）自动套用格式

技术分享

（2）表格宽度

技术分享

（3）表格属性

技术分享　　　　

（4）编辑列

技术分享

四、设置显示内容

（1）Sex 显示男女

删除原有列，在“可用字段”（模板）中，在BoundField（默认模板）中添加新的Sex模板，并设置其位置

技术分享

属性扩展

技术分享　　

绑定数据

技术分享

（2）Nation 属性扩展

技术分享

（3）Birthday 显示　　格式：{0:****} —— “0”代表当前的数据，“****”代表字符串格式

技术分享

（4）在姓名后加“同学”两个字

技术分享

最终效果：

技术分享

五、标红预警：设置数据行创建的时候出发的事件——RowDataBound

技术分享

每一行的创建都会触发一次事件，包括表头和表尾

行绑定数据时触发事件：

public partial class Default2 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    //行绑定数据时触发的事件
    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        //数据的行对象 绑定到基础数据对象Users（e 是绑定的数据）
        Users u = e.Row.DataItem as Users;
        //进行判断是否为空，因为表头和表尾是没有数据绑定的，所以为null，跳过下列事件
        if (u != null)
        {
            //性别为男的行背景色为红色
            if (u.sex == true)
            {
                e.Row.BackColor = System.Drawing.Color.Red;
                e.Row.ForeColor = System.Drawing.Color.White;
            }
            //民族为N003的背景色为黄色
            if(u.nation=="N003")
            {
                e.Row.BackColor = System.Drawing.Color.Yellow;
            }
        }
    }

}