DataGrid应用样式文件定义动态样式
2024-07-21 02:23:43
供稿：网友
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中了
首先在页面<head></head>之间插入下面的语句
<link href="css.css" type="text/css" rel="stylesheet">
然后选择页面上的datagrid，改变需要应用样式属性值的cssclass
例如：
点击headerstyle属性左边的十字打开选项，给cssclass应用样式dg_header
最后绑定datagrid看看是不是样式已经应用上了，如果没有应用上有两种可能
1、去掉系统自动套用样式
2、察看css.css文件是否定义正确
