分享
 
 
 

用嵌套的DataGrid实现主从式表的显示

王朝c#·作者佚名  2006-01-08
窄屏简体版  字體: |||超大  

用嵌套的DataGrid实现主从式表的显示

经过半年的asp.net学习和开发的实践,随着学会的东西在不断增加的同时也发现不会的东西也在不断地增加,尽管如此,在这段时间里还是或多或少地积累了一些个人的开发经验,最重要的是学会如何更加充分地利用已经知道的知识和技术来完成自己想要达到的目的。

如何实现主从式表的显示问题是我开发中所遇到的一个难题,在这个问题中还涉及到在DataGrid中使用复选框控件和定制DataGrid的单元格的问题。下面就这三个问题逐一进行解决。

一、在DataGrid中使用复选框控件

这个问题的解决有几种方式,我选用了一种既适用于复选框控件又适用于单选框控件的方式。具体实现如下:

为DataGrid创建一个ButtonColumn,或者创建一个模板列,在模板列中放入一个Label控件(注:这些控件的选择并不是唯一的)。然后在DataGrid的ItemDataBound事件过程中生成复选框控件(单选框控件)的HTML标记并设置其相应的属性,就可以实现在DataGrid表中进行多选(单选)的功能。生成复选框控件的HTML标记的语句如下:

1 If e.Item.ItemType = ListItemType.AlternatingItem Or e.Item.ItemType = ListItemType.Item Then

2 Dim r As LinkButton

3 r = e.Item.Cells(2).Controls(0)

4 r.Text = "<input type=checkbox name='chbRights' value='" & strID & "' >"

5 End If

这种情况下,checkbox或radio不能自动进行状态的管理,需要手动维持状态,也就是在表单提交到服务器返回浏览器显示的时候能够显示出提交前所进行的最后选择。这一步的实现并不难,先通过SelectResult = Request.Form("chbRights")语句获得表单提交的选择结果,然后将上面的第4句作如下修改:

if SelectResult.IndexOf(strID) <> -1 then

r.Text = "<input type=checkbox name='chbRights' value='" & strID & "' checked>"

else

r.Text = "<input type=checkbox name='chbRights' value='" & strID & "' >"

end if

二、定制DataGrid的单元格

假设要完成的表格样式如下:

Header1

Header2

Header3

Header4

Item1

DataGrid1

Item2

DataGrid2

表1

其中Header有4列,每个Item只有2列。

这个是在DataGrid的ItemCreated事件过程中来具体实现的。首先创建Header,对于以上表格而言,它的Header缺省的是和Item一样有2列。那么我们要先清除Header中缺省的单元格控件,然后逐一创建Header1、Header2、Header3、Header4四个单元格控件。具体实现如下:

1、 利用语句e.Item.ItemType = ListItemType.Header来找到DataGrid的Header;

2、 清除Header中的缺省控件;

e.Item.Controls.Clear()

3、 创建新的单元格控件,

dim cell0 as new TableCell

cell0.Controls.Add(new LiteralControl("Header1"))

e.Item.Controls.Add(cell0)

并可以通过以下语句对单元格的风格、背景、宽度、高度、位置等属性进行设置:

cell0.MergeStyle(dgAllRights.HeaderStyle)

cell0.BackColor = Color.FromName("#8faae7")

cell0.Width = Unit.Percentage(10)

cell0.Height = Unit.Pixel(intHeight)

cell0.HorizontalAlign = HorizontalAlign.Center

4、 重复第3步,创建其它三个单元格控件。

到此为止,Header就创建好了,但是由于Header的改变,导致Item的列出现了变化,由2列变成了4列,所以我们需要进行Item的单元格合并操作,具体语句如下:

'设置Item第二列的ColumnSpan合并单元格属性

If e.Item.ItemType = ListItemType.AlternatingItem Or e.Item.ItemType = ListItemType.Item Then

dim cell as TableCell

cell = e.Item.Cells(1)

cell.ColumnSpan = 3

end if

三、DataGrid嵌套显示主从式表

经过以上两个问题的解决,尤其是第二个问题的解决,可以说现在这个问题的实现就非常容易了。

首先为主DataGrid创建一个模板列,在该模板列中放置从DataGrid控件,从DataGrid控件的ShowHeader属性设为false,复选框控件的使用由从DataGrid控件来实现,而主DataGrid的表格形式要根据上述的第二个问题来定制。所以主DataGrid和从DataGrid控件的数据源也可以是不同的。然后根据自己的需要进行样式的设定,以下是最终形成的结果:

当然,除了这种方法以外,一定还有其它的方法可以实现,关键是多尝试,在不断尝试的过程中一定会有一些意想不到的收获。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有