博客
关于我
强烈建议你试试无所不能的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/

你可能感兴趣的文章
C# 一些算法
查看>>
查询sql limit用法,望大神指教
查看>>
如何理解面向过程、面向对象、面向切面?它们有什么区别?(转载)
查看>>
十四、MySQL UPDATE 查询
查看>>
CentOS系统通过PXE实现批量无人值守安装
查看>>
c++控制台程序实现定时器
查看>>
Qt快速入门学习笔记(画图篇)
查看>>
深入浅析nginx部署及简单优化
查看>>
C++定义指针数组
查看>>
Codeforces Round #446 (Div. 2) C. Pride【】
查看>>
洛谷 P3371 【模板】单源最短路径 【链式前向星+SPFA】
查看>>
hdu 1230 火星A+B
查看>>
vijos1144(小胖守皇宫)
查看>>
Tomcat中的Session小结
查看>>
android加载大图片到内存
查看>>
嵌入式实时操作系统μCOS原理与实践任务控制与时间的解析
查看>>
获取windows磁盘的可用空间函数
查看>>
完全二叉树节点个数
查看>>
猜字符小游戏编写步骤(基础练习)
查看>>
Populating Next Right Pointers in Each Node
查看>>