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

时间:2010-03-01 19:17:31  来源:第二电脑网  作者:第二电脑网

  第二电脑网导读:天也出不了几个页面,而且在VS.NET中一个最大的BUG就是当我们对已经定义好的DataGrid重新布置页面布局时,发觉其所有的事件会莫名其妙丢失。或许有时候我们只好使用VS.NET已经提供好的自动套用格式模板,但有时候我们必须,而且不由我们使用套用模板怎么办(比如客户的要求),下面我就讲解一下在DataGrid中应用样式文件来定义动态样式,这样就解决了当客户对一套颜色配套方案不满意时,...
  正文:ASP/ target=_blank class=infotextkey>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文件是否定义正确

DataGrid应用样式文件定义动态样式》由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Programming/aspnet/12964.html


关键字:

关于《DataGrid应用样式文件定义动态样式》文章的评论

站内搜索: 高级搜索

热门搜索: Windows style 系统 tr IP QQ CPU 安装 function 注册 if td