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
;
这样做的效果是,当我们水平拖动滚动条时,被固定的这几列是不随之而动的,适用于一些网上填写表格(表格横向很长)的情况.
查看全文
相关阅读:
新年初六
新年初五
新年初四
Who moved my cheese?
红螺寺踏春
JSP基本语法--实例演练
JSP基础语法--跳转指令 jsp:forward page
JSP基本语法--包含指令<%@include file="路径"%> <jsp:include page>
JSP基本语法--Page指令 <%@page 属性=”内容“%>
JSP注释及scriptlet <%局部%><%!全局%><%=输出%>
原文地址:https://www.cnblogs.com/terrylin/p/439903.html
最新文章
原来连线的button也给删除掉了,
关于释放资源,有时候不能太相信 POP了,
mScrollview的尺寸,
UITableView 移动与插入,
复用 cell事,错位,
老神医,望闻问切,
协议与框架
js中自执行函数(function(){})()和(function(){}())区别
cookie、localStorage 和 sessionStorage 的使用以及区别
JS高程中的垃圾回收机制与常见内存泄露的解决方法
热门文章
函数防抖VS函数节流
Vue的钩子函数[路由导航守卫、keep-alive、生命周期钩子]
Vue中的导航守卫(路由守卫)
对比keep-alive路由缓存设置的2种方式
原生JS无缝轮播图
断点调试debugger
JS运动---运动基础(缓冲运动)
小美
新年初七
The little prince
Copyright © 2011-2022 走看看