DataGrid应用样式文件定义动态样式

转载 2004年06月30日 14:18:00

DataGrid应用样式文件定义动态样式

hbzxf(阿好)
http://www.cnblogs.com/hbzxf

    在ASP.NET开发过程中,DataGrid使用的频率是非常高的,对于DataGrid的样式来说大家普遍使用的是自定义不同的颜色来应用于DataGrid的Header, Footer, EditItem, SelectItem, Item, Page,然而如果在每个页面都要对上述样式逐个设置,工作效率可想而知了,估计一天也出不了几个页面,而且在VS.NET中一个最大的BUG就是当我们对已经定义好的DataGrid重新布置页面布局时,发觉其所有的事件会莫名其妙丢失。或许有时候我们只好使用VS.NET已经提供好的自动套用格式模板,但有时候我们必须,而且不由我们使用套用模板怎么办(比如客户的要求),下面我就讲解一下在DataGrid中应用样式文件来定义动态样式,这样就解决了当客户对一套颜色配套方案不满意时,可以花费几分钟的时间重新定义一套,是不是效率会提高很多。废话少说看看下面的css.css文件是怎么定义的

css.css文件内容:

.dg_header
{
 font-weight :bold ;
 color:#FFFFCC;
 background-color :#990000;
border-width: 2px;
    border-color :#CC9966;
    border-style :solid;

}
.dg_alter
{
 background-color :#FFE0C0;
 border-left-color:Green;
border-width: 2px;
    border-color :#CC9966;
    border-style :solid;
}
.dg_item
{
 color :#330099;
 background-color:White ;
 border-width:2px;
    border-color :#CC9966;
    border-style :solid;
}
.dg_page
{
 border-width: 2px;
    border-color :#CC9966;
    border-style :solid;
}

接下来的工作就是要应用此样式文件到页面的DataGrid中了

首先在页面之间插入下面的语句



然后选择页面上的DataGrid,改变需要应用样式属性值的CssClass

例如:
点击HeaderStyle属性左边的十字打开选项,给CssClass应用样式dg_header

最后绑定DataGrid看看是不是样式已经应用上了,如果没有应用上有两种可能

1、去掉系统自动套用样式

2、察看css.css文件是否定义正确

 

----------------------

DataGrid应用样式文件定义动态样式

DataGrid应用样式文件定义动态样式hbzxf(阿好)http://www.cnblogs.com/hbzxf    在ASP.NET开发过程中,DataGrid使用的频率是非常高的,对于Data...
  • dtljf
  • dtljf
  • 2004年11月27日 21:00
  • 655

DataGrid应用样式文件定义动态样式

DataGrid应用样式文件定义动态样式     在ASP.NET开发过程中,DataGrid使用的频率是非常高的,对于DataGrid的样式来说大家普遍使用的是自定义不同的颜色来应用于DataGri...
  • yangtang_newton
  • yangtang_newton
  • 2006年09月08日 17:09
  • 575

EasyUI中datagrid的样式

EasyUI中,很多时候都要对datagrid的样式进行修改,例如大于24岁的行背景设置为红色;性别为男的列,字体设置为绿色;当行过长时,鼠标移动到行上时,显示该行全部内容;格式化显示时间等等需求。下...
  • liuchuanhong1
  • liuchuanhong1
  • 2016年12月09日 16:00
  • 5606

Datagrid中设置样式

有时候,在项目需求中,尤其是做报表的模块,用Datagrid做出来的报表是单一的,如果客户想要报表中按数量排序,前十的数据特别显示出来,意思也就是让客户一眼能看到这十个数据是比较特殊表现。 可以使用...
  • qq348843576
  • qq348843576
  • 2015年08月12日 15:44
  • 1592

js动态控制table为easyUI中的DataGrid样式

//初始化表格 $(function () { initTable(); }); //初始化表格 functi...
  • zh134838
  • zh134838
  • 2015年12月30日 09:08
  • 1764

EasyUI入门3 datagrid部分样式设置(颜色,对齐方式)

datagrid部分样式设置(颜色,对齐方式)
  • xiangcns
  • xiangcns
  • 2017年07月27日 19:32
  • 787

改变datagrid的样式

///   /// 设置Datagrid的列样式  ///   /// System.Data.DataTable  /// DataGrid  static public  void SetGrid...
  • serversql
  • serversql
  • 2006年03月28日 13:54
  • 1842

WPF DataGrid 样式分享

隔行换色,鼠标单击,悬浮样式都有 先看效果:
  • Metal1
  • Metal1
  • 2014年11月20日 09:15
  • 2859

jquery easyui datagrid 数据样式的设置

数据样式对表格中的选取的数据进行样式设置。
  • qq_35070434
  • qq_35070434
  • 2016年12月04日 19:52
  • 216

flex spark datagird 样式

如上图,是对datagrid的样式修改。包含:头部背景色及字体居中,单元格背景色设置,行字体颜色设置,复选框。基本都是基于渲染器的定义。1)头部背景色及字体居中:头部渲染器并没有直接的属性可用,需要自...
  • zhongyuan_1990
  • zhongyuan_1990
  • 2014年04月29日 11:39
  • 1113
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:DataGrid应用样式文件定义动态样式
举报原因:
原因补充:

(最多只允许输入30个字)