博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Infragistics中WebGrid的MultiColumn Headers设计
阅读量:6708 次
发布时间:2019-06-25

本文共 1569 字,大约阅读时间需要 5 分钟。

        一般我们在设计Grid的多行表头时,可能首先考虑到用Repeater或DataList,但现在我们可以用Infragistics的WebGrid来很轻松的实现这个功能,我们要实现的效果图如下:

6181.gif
实现这样的表头的代码如下:
在Grid的InitializeLayout事件下加入下面的代码:

None.gif
        
//
None.gif        
//
设计多表头
None.gif        
//
None.gif
        
private
 
void
 ut_grid105_InitializeLayout(
object
 sender, Infragistics.WebUI.UltraWebGrid.LayoutEventArgs e)
ExpandedBlockStart.gifContractedBlock.gif        
dot.gif
{
InBlock.gif            
foreach(Infragistics.WebUI.UltraWebGrid.UltraGridColumn c in e.Layout.Bands[0].Columns)
ExpandedSubBlockStart.gifContractedSubBlock.gif            
dot.gif{
InBlock.gif                c.Header.RowLayoutColumnInfo.OriginY 
= 1;
ExpandedSubBlockEnd.gif            }
InBlock.gif
InBlock.gif            
//新建一个表头,设置它的显示名称
InBlock.gif
            Infragistics.WebUI.UltraWebGrid.ColumnHeader ch = new ColumnHeader(true);
InBlock.gif            ch.Caption 
= "购进量";
InBlock.gif            
//设置Y轴起始位置
InBlock.gif
            ch.RowLayoutColumnInfo.OriginY = 0;
InBlock.gif            
//设置X轴起始位置
InBlock.gif
            ch.RowLayoutColumnInfo.OriginX = 4;
InBlock.gif            
//设置该表头X轴方向占几列
InBlock.gif
            ch.RowLayoutColumnInfo.SpanX = 2;
InBlock.gif
InBlock.gif            
//将该表头加入到我们的Grid中
InBlock.gif
            e.Layout.Bands[0].HeaderLayout.Add(ch);
InBlock.gif
InBlock.gif            Infragistics.WebUI.UltraWebGrid.ColumnHeader ch1 
= new ColumnHeader(true);
InBlock.gif            ch1.Caption 
= "消费量";
InBlock.gif            ch1.RowLayoutColumnInfo.OriginY 
= 0;
InBlock.gif            ch1.RowLayoutColumnInfo.OriginX 
= 6;
InBlock.gif            ch1.RowLayoutColumnInfo.SpanX 
= 5;
InBlock.gif
InBlock.gif            e.Layout.Bands[
0].HeaderLayout.Add(ch1);
InBlock.gif
InBlock.gif
InBlock.gif            
foreach(Infragistics.WebUI.UltraWebGrid.UltraGridColumn c in e.Layout.Bands[0].Columns)
ExpandedSubBlockStart.gifContractedSubBlock.gif            
dot.gif{
InBlock.gif                
if(c.Key != "A02" && c.Key != "A03" && c.Key != "A04" && c.Key != "A05" && c.Key != "A06" && c.Key != "A07" && c.Key != "A08")
ExpandedSubBlockStart.gifContractedSubBlock.gif                
dot.gif{
InBlock.gif                    c.Header.RowLayoutColumnInfo.OriginY 
= 0;
InBlock.gif                    c.Header.RowLayoutColumnInfo.SpanY 
= 2;
ExpandedSubBlockEnd.gif                }
ExpandedSubBlockEnd.gif            }
InBlock.gif
ExpandedBlockEnd.gif}
当然,我们还可以固定某一列或某几列,代码如下:
None.gif
//
固定列
None.gif
            e.Layout.Bands[
0
].Columns.FromKey(
"
zbmc
"
).Header.Fixed 
=
 
true
;
None.gif            e.Layout.Bands[
0
].Columns.FromKey(
"
jldw
"
).Header.Fixed 
=
 
true
;
None.gif            e.Layout.Bands[
0
].Columns.FromKey(
"
zbdm
"
).Header.Fixed 
=
 
true
;
这样做的效果是,当我们水平拖动滚动条时,被固定的这几列是不随之而动的,适用于一些网上填写表格(表格横向很长)的情况.

转载地址:http://uoilo.baihongyu.com/

你可能感兴趣的文章
资料集合
查看>>
cookie注入&中转注入笔记
查看>>
Linux常用命令大全-toolfk程序员在线工具网
查看>>
springmvc+mybatis+sql server实现简单登录功能【转】
查看>>
Linux禁Ping的方法
查看>>
ssh不断线的配置方法
查看>>
CentOS后台运行和关闭、查看后台任务命令
查看>>
Mysql学习总结(11)——MySql存储过程与函数
查看>>
ALTER EXTSEQNO must be performed on each corresponding downstream reader
查看>>
生产环境linux服务器系统安全配置
查看>>
我的友情链接
查看>>
MySql中 delimiter 详解
查看>>
浏览器history操作实现一些功能
查看>>
你那么喜欢看”干货“,是因为你根本不想下功夫。
查看>>
Introduction to ASP.NET MVC 4
查看>>
20172303 2017-2018-2 《程序设计与数据结构》结对编程项目-四则运算 第二周
查看>>
程序员需要具备哪些素质
查看>>
LCM性质 + 组合数 - HDU 5407 CRB and Candies
查看>>
CentOS6.5 配置防火墙+允许指定ip访问端口
查看>>
python测试一
查看>>