• .NET中动态生成的表格,当鼠标经过tr时改变tr当前颜色,当鼠标移开恢复原来的颜色


    首先看看效果一:

     

    效果二:

     

     实现上面效果,Insus.NET 是使用下面例子进行修改:

     http://www.cnblogs.com/insus/archive/2012/10/29/2744721.html

     效果一变动代码如下:

    View Code
     //for each List<T> 
            Pager objPg = new Pager();
            objPg.PagerCollections().ForEach(delegate(Pager p)
            {
                TableRow tbr = new TableRow();
                tbr.ID = "tr" + p.ID.ToString();

                //设置背景颜色            
                tbr.BackColor = System.Drawing.Color.Green;

                //宣告一个变量,当mouse over or out样式
                string style = "this.style.backgroundColor='@BackColor'";

                //宣告一个变量,将存储行原来颜色。
                string bgColor = string.Empty;

                TableCell tc0 = new TableCell();
                tc0.Text = p.ID.ToString();
                tc0.BorderWidth = Unit.Pixel(1);
                tbr.Cells.Add(tc0);

                TableCell tc1 = new TableCell();
                tc1.Text = p.Size;
                tc1.BorderWidth = Unit.Pixel(1);
                tbr.Cells.Add(tc1);

                //获取行原来颜色。
                bgColor = tbr.BackColor.Name;

                //设置mouse over事件, 最后一个参数"blue"是mouse over时的颜色,你可以自行指定。
                tbr.Attributes.Add("onmouseover", style.Replace("@BackColor""blue"));

                //设置mouse out事件
                tbr.Attributes.Add("onmouseout", style.Replace("@BackColor", bgColor));

                oTable.Rows.Add(tbr);
            });

    效果二变动代码如下: 

    View Code
     //for each List<T> 
            Pager objPg = new Pager();
            objPg.PagerCollections().ForEach(delegate(Pager p)
            {
                TableRow tbr = new TableRow();
                tbr.ID = "tr" + p.ID.ToString();

                //设置背景颜色
                if (p.ID % 2 == 0)
                    tbr.BackColor = System.Drawing.Color.Green;
                else
                    tbr.BackColor = System.Drawing.Color.Silver;

                //宣告一个变量,当mouse over or out样式
                string style = "this.style.backgroundColor='@BackColor'";

                //宣告一个变量,将存储行原来颜色。
                string bgColor = string.Empty;

                TableCell tc0 = new TableCell();
                tc0.Text = p.ID.ToString();
                tc0.BorderWidth = Unit.Pixel(1);
                tbr.Cells.Add(tc0);

                TableCell tc1 = new TableCell();
                tc1.Text = p.Size;
                tc1.BorderWidth = Unit.Pixel(1);
                tbr.Cells.Add(tc1);

                //获取行原来颜色。
                bgColor = tbr.BackColor.Name;

                //设置mouse over事件, 最后一个参数"blue"是mouse over时的颜色,你可以自行指定。
                tbr.Attributes.Add("onmouseover", style.Replace("@BackColor""blue"));

                //设置mouse out事件
                tbr.Attributes.Add("onmouseout", style.Replace("@BackColor", bgColor));

                oTable.Rows.Add(tbr);
            });
  • 相关阅读:
    【转载】ASP.NET Core读取appsettings.json配置文件信息
    node.js安装教程(简单易懂)
    记一次使用typescript模板初始化React项目的几个问题
    es分页查询 scroll
    Redis5设计与源码分析 (第15章 有序集合相关命令的实现)
    Redis5设计与源码分析 (第14章 集合相关命令的实现)
    Redis5设计与源码分析 (第13章 列表相关命令的实现)
    Redis5设计与源码分析 (第12章 散列表相关命令的实现)
    Redis5设计与源码分析 (第11章 字符串相关命令的实现)
    Redis5设计与源码分析 (第9章 命令处理生命周期)
  • 原文地址:https://www.cnblogs.com/insus/p/2744769.html
Copyright © 2020-2023  润新知