修改DataGrid控件的默认的分页样式
2006-11-22 14:55
337 查看
用DataGrid控件进行分页时,要么上一页,下一页,要么全是数字,做出后自己都看不过眼,更别提普通浏览者了。可是怎么改变一下呢??
其实也不是很难,先看看DataGrid显示的是什么东东,这样可能会有点眉目。¢
在DataGrid中,分页导航栏是用一行(TableRow)来表现出来,在这个行(TableRow)中,只有一个列(TableCell),我们所看到的所有的数字超链接按钮(LinkBurron)都是这个列(TableCell)里的控件,里面的布局是:一个超链接(LinkBurron),一个空格,再接一个超链接(LinkButton),再接一个空格。。。,直得一说的是,ASP.NET里面生成的所有东东都是控件,所以那个空格也逃不了。于是,我们要想改变样式,就是改变那个TableCell里面的控件就行了。
为了达到改变TableCell里面控件的目的,我们还要用到ItemCreated事件,MSDN上写:
当创建 DataGrid 控件中的项时(不论是在往返行程中还是在将数据绑定到控件时),都会引发 ItemCreated 事件。ItemCreated 事件通常用于控制 DataGrid 控件中行的内容和外观。
好了,下面看看具体是怎么实现的:
1.在DataGrid的属性里,添加 OnItemCreated = “ItemCreaged”;
2.在下面的代码里加上
void ItemCreated ( object sender, DataGridItemEventArgs e )
{
ListItemType type = e.Item.Type;//ListItemType是枚举,表示可以包含在列表控件中的不同项
if ( type == ListItemType.Pager )
{
TableCell pager = (TableCell)e.Item.Controls[0];
for ( int i=0; i<pager.Controls.Count; i+=2 )
{
object o = pager.Controls[i];
if (o is LinkButton )
{
LinkButton h = (LinkButton)o;
h.Text = “|“ + h.Text + “|“;
}
else
{
Label l = (Label)o;
l.Text = “第“+l.Text+“页“;
}
}
}
}
其实也不是很难,先看看DataGrid显示的是什么东东,这样可能会有点眉目。¢
在DataGrid中,分页导航栏是用一行(TableRow)来表现出来,在这个行(TableRow)中,只有一个列(TableCell),我们所看到的所有的数字超链接按钮(LinkBurron)都是这个列(TableCell)里的控件,里面的布局是:一个超链接(LinkBurron),一个空格,再接一个超链接(LinkButton),再接一个空格。。。,直得一说的是,ASP.NET里面生成的所有东东都是控件,所以那个空格也逃不了。于是,我们要想改变样式,就是改变那个TableCell里面的控件就行了。
为了达到改变TableCell里面控件的目的,我们还要用到ItemCreated事件,MSDN上写:
当创建 DataGrid 控件中的项时(不论是在往返行程中还是在将数据绑定到控件时),都会引发 ItemCreated 事件。ItemCreated 事件通常用于控制 DataGrid 控件中行的内容和外观。
好了,下面看看具体是怎么实现的:
1.在DataGrid的属性里,添加 OnItemCreated = “ItemCreaged”;
2.在下面的代码里加上
void ItemCreated ( object sender, DataGridItemEventArgs e )
{
ListItemType type = e.Item.Type;//ListItemType是枚举,表示可以包含在列表控件中的不同项
if ( type == ListItemType.Pager )
{
TableCell pager = (TableCell)e.Item.Controls[0];
for ( int i=0; i<pager.Controls.Count; i+=2 )
{
object o = pager.Controls[i];
if (o is LinkButton )
{
LinkButton h = (LinkButton)o;
h.Text = “|“ + h.Text + “|“;
}
else
{
Label l = (Label)o;
l.Text = “第“+l.Text+“页“;
}
}
}
}
相关文章推荐
- 织梦默认分页样式修改 解决分页列表显示,去掉li
- 织梦默认分页样式修改 解决分页列表显示,去掉li
- 修改PHPCMS默认的分页样式
- 修改PHPCMS默认的分页样式
- 修改DeDe标签Pagelist分页样式,自定义分页样式
- 修改输入框placeholder文字默认样式
- 使用bootstrap默认样式,修改input=file的展现样式
- css修改默认的radio,checkbox样式
- 关于struts2 select标签默认样式的修改
- css3 修改默认滚动轴样式
- 使用label标签,修改checkbox默认样式
- 修改系统自带默认的输入法,系统自带键盘的样式
- 修改默认上传文件样式
- 关于jsp页面checkbox复选框的默认样式的修改(自定义复选框样式)
- 微信小程序循环列表添加默认事件,默认样式,点击后修改样式
- elementui的默认样式修改方法
- QT修改默认的滚动条样式
- 修改input file文件上传的默认样式 兼容ie8
- 修改 HTML5 input type date默认样式
- thinkphp5 分页样式修改