zoukankan
html css js c++ java
Infragistics中WebGrid的MultiColumn Headers设计
一般我们在设计Grid的多行表头时,可能首先考虑到用Repeater或DataList,但现在我们可以用Infragistics的WebGrid来很轻松的实现这个功能,我们要实现的效果图如下:
实现这样的表头的代码如下:
在Grid的InitializeLayout事件下加入下面的代码:
//
//
设计多表头
//
private
void
ut_grid105_InitializeLayout(
object
sender, Infragistics.WebUI.UltraWebGrid.LayoutEventArgs e)
{
foreach
(Infragistics.WebUI.UltraWebGrid.UltraGridColumn c
in
e.Layout.Bands[
0
].Columns)
{
c.Header.RowLayoutColumnInfo.OriginY
=
1
;
}
//
新建一个表头,设置它的显示名称
Infragistics.WebUI.UltraWebGrid.ColumnHeader ch
=
new
ColumnHeader(
true
);
ch.Caption
=
"
购进量
"
;
//
设置Y轴起始位置
ch.RowLayoutColumnInfo.OriginY
=
0
;
//
设置X轴起始位置
ch.RowLayoutColumnInfo.OriginX
=
4
;
//
设置该表头X轴方向占几列
ch.RowLayoutColumnInfo.SpanX
=
2
;
//
将该表头加入到我们的Grid中
e.Layout.Bands[
0
].HeaderLayout.Add(ch);
Infragistics.WebUI.UltraWebGrid.ColumnHeader ch1
=
new
ColumnHeader(
true
);
ch1.Caption
=
"
消费量
"
;
ch1.RowLayoutColumnInfo.OriginY
=
0
;
ch1.RowLayoutColumnInfo.OriginX
=
6
;
ch1.RowLayoutColumnInfo.SpanX
=
5
;
e.Layout.Bands[
0
].HeaderLayout.Add(ch1);
foreach
(Infragistics.WebUI.UltraWebGrid.UltraGridColumn c
in
e.Layout.Bands[
0
].Columns)
{
if
(c.Key
!=
"
A02
"
&&
c.Key
!=
"
A03
"
&&
c.Key
!=
"
A04
"
&&
c.Key
!=
"
A05
"
&&
c.Key
!=
"
A06
"
&&
c.Key
!=
"
A07
"
&&
c.Key
!=
"
A08
"
)
{
c.Header.RowLayoutColumnInfo.OriginY
=
0
;
c.Header.RowLayoutColumnInfo.SpanY
=
2
;
}
}
}
当然,我们还可以固定某一列或某几列,代码如下:
//
固定列
e.Layout.Bands[
0
].Columns.FromKey(
"
zbmc
"
).Header.Fixed
=
true
;
e.Layout.Bands[
0
].Columns.FromKey(
"
jldw
"
).Header.Fixed
=
true
;
e.Layout.Bands[
0
].Columns.FromKey(
"
zbdm
"
).Header.Fixed
=
true
;
这样做的效果是,当我们水平拖动滚动条时,被固定的这几列是不随之而动的,适用于一些网上填写表格(表格横向很长)的情况.
因为爱上你,我才懂得珍惜,每一天日记,都写满了甜蜜
因为想念你,我每天都可以,对着镜子说我多爱你,有多想见到你。
查看全文
相关阅读:
C语言中常用的库文件
Typora 的日志路径
常用的 C 语言库函数
C语言中assert断言的用法
C语言学习摘要
Linux 下递归赋权
Android提升进入界面的速度
JMeter测试工具总结
Selenium自动化测试总结
Android 系统启动日志
原文地址:https://www.cnblogs.com/jackzhang/p/616378.html
最新文章
产品体验
一加3T 误清除data 恢复数据
nexus5 root
一加X 手机救砖过程
feed.snapdo.com 病毒
广域网远程开机教程 测试
android实用软件tasker应用设置
docker构建springboot+vue+nginx
docker安装mysql
docker容器入门
热门文章
maven添加oracle和sqlserver报错
centos7安装配置jdk、tomcat
WebApi上传文件
springboot连接mysql报错:com.mysql.jdbc.exceptions.jdbc4.CommunicationsException
mysql使用localhost可以访问,使用ip地址无法访问
C# 压缩、解压缩
C# 生成小程序码
C# 获取微信小程序access_token
解决idea更改web目录后无法访问资源的问题
记牛客网的一道很棒的C题目
Copyright © 2011-2022 走看看