ASP.NET中的三種表格化數據方法
在開發ASP.NET站點項目中,經常用表格化的方式顯示數據。最常用的可能就是DataGrid綁定DataSet數據的方式。在做過的軟件項目中,有3種表格化數據的典型處理方式。
1、DataGrid綁定數據源。這種方式大家用的最多,但是DataGrid與ADO.NET完美的綁定方式,還是讓人不爽。清一色的DataGrid風格很難適應不同項目的特殊風格,而且在DataGrid上做出的個性化處理也會非常的麻煩。
2、用XML(數據)+XSL(樣式單)。大家能理解,DataSet綁定到DataGrid的實現機理不過如此。如圖所示,實現這樣的一個表格,開發人員可以盡情的設計XSL的風格樣式。

3、直接將數據繪制到HTML。這個方式有些土,但有些時候卻非常有效,先看實現的代碼。下述代碼是實現上圖所示的表格。
直接用ASP.NET WebControls的Add方法,將Label添加到HTML的Cell中。
在繪制頁面的時候,用哪種方式應該是仁者見仁、智者見智。在站點開發中,這3種方式都有典型的應用,特別是第三種,我發現在解決部分頁面處理的性能問題中應用的非常有效。況且可以自動化的Layout頁面控件,個性化處理比DataGrid中重寫Render更加容易。
1、DataGrid綁定數據源。這種方式大家用的最多,但是DataGrid與ADO.NET完美的綁定方式,還是讓人不爽。清一色的DataGrid風格很難適應不同項目的特殊風格,而且在DataGrid上做出的個性化處理也會非常的麻煩。
2、用XML(數據)+XSL(樣式單)。大家能理解,DataSet綁定到DataGrid的實現機理不過如此。如圖所示,實現這樣的一個表格,開發人員可以盡情的設計XSL的風格樣式。

3、直接將數據繪制到HTML。這個方式有些土,但有些時候卻非常有效,先看實現的代碼。下述代碼是實現上圖所示的表格。
1
<table style="WIDTH: 100%; BORDER-COLLAPSE: collapse; HEIGHT: 10px">
2
<tr>
3
<td align="center">
4
<TABLE id="tblContainer" class="MsoNormalTable" style="WIDTH: 380px; BORDER-COLLAPSE: collapse; HEIGHT: 10px"
5
cellSpacing="0" cellPadding="6" border="1" runat="server" bordercolor="#99cccc">
6
<tr>
7
<td colspan="2" align="center">
8
<P><FONT size="3"><STRONG><FONT face="宋體">綜合管理部人員職務</FONT></STRONG></FONT></P>
9
</td>
10
</tr>
11
<tr>
12
<td align="center" bgcolor="#003399"><FONT size="2" color="#ffffff"><STRONG>人員姓名</STRONG></FONT></td>
13
<td align="center" bgcolor="#003399"><FONT size="2" color="#ffffff"><STRONG>部門職務</STRONG></FONT></td>
14
</tr>
15
</TABLE>
16
</td>
17
</tr>
18
</table>

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

直接用ASP.NET WebControls的Add方法,將Label添加到HTML的Cell中。
1
public class WebForm2 : System.Web.UI.Page
2
{
3
4
struct PersonRole
5
{
6
public string name;
7
public string role;
8
}
9
10
protected System.Web.UI.HtmlControls.HtmlTable tblContainer;
11
public string strAuditItemID = "A899B637-AC47-42EB-9B61-A61C9C880DDC";
12
private void Page_Load(object sender, System.EventArgs e)
13
{
14
// 在此處放置用戶代碼以初始化頁面
15
if(Request.QueryString["AuditItemID"] != null)
16
{
17
strAuditItemID = Request.QueryString["AuditItemID"].ToString();
18
}
19
20
GetTeamMember(strAuditItemID);
21
}
22
23
Web 窗體設計器生成的代碼#region Web 窗體設計器生成的代碼
24
override protected void OnInit(EventArgs e)
25
{
26
//
27
// CODEGEN: 該調用是 ASP.NET Web 窗體設計器所必需的。
28
//
29
InitializeComponent();
30
base.OnInit(e);
31
}
32
33
/**//// <summary>
34
/// 設計器支持所需的方法 - 不要使用代碼編輯器修改
35
/// 此方法的內容。
36
/// </summary>
37
private void InitializeComponent()
38
{
39
this.Load += new System.EventHandler(this.Page_Load);
40
41
}
42
#endregion
43
44
private void GetTeamMember(string AuditItemID)
45
{
46
string strMaster, strTeamLeader, strPM;
47
ArrayList al = GetTeamMemberName(AuditItemID, out strMaster, out strTeamLeader, out strPM);
48
49
foreach(PersonRole pr in al)
50
{
51
HtmlTableCell cell=new HtmlTableCell();
52
cell.Align = "Center";
53
Label lbl = new Label();
54
lbl.Text = pr.name;
55
lbl.Font.Size = 9;
56
57
cell.Controls.Add(lbl);
58
HtmlTableRow row=new HtmlTableRow();
59
row.Cells.Add(cell);
60
61
HtmlTableCell cellRole = new HtmlTableCell();
62
cellRole.Align = "Center";
63
Label lblRole = new Label();
64
lblRole.Text = pr.role;
65
lblRole.Font.Size = 9;
66
67
cellRole.Controls.Add(lblRole);
68
row.Cells.Add(cellRole);
69
70
tblContainer.Rows.Add(row);
71
}
72
}
73
74
private ArrayList GetTeamMemberName(string AuditItemID, out string strMasterName, out string strTeamLeader,out string strPM)
75
{
76
ArrayList al = new ArrayList();
77
strMasterName = "無";
78
strTeamLeader = "無";
79
strPM = "無";
80
81
PersonRole pr;
82
pr.name = "張三";
83
pr.role = "總經理";
84
al.Add(pr);
85
86
pr.name = "李四";
87
pr.role = "副總經理";
88
al.Add(pr);
89
90
pr.name = "王五";
91
pr.role = "科員";
92
al.Add(pr);
93
94
pr.name = "趙六";
95
pr.role = "科員";
96
al.Add(pr);
97
98
return al;
99
}
100
}

2



3

4

5



6

7

8

9

10

11

12

13



14

15

16



17

18

19

20

21

22

23


24

25



26

27

28

29

30

31

32

33


34

35

36

37

38



39

40

41

42

43

44

45



46

47

48

49

50



51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75



76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

在繪制頁面的時候,用哪種方式應該是仁者見仁、智者見智。在站點開發中,這3種方式都有典型的應用,特別是第三種,我發現在解決部分頁面處理的性能問題中應用的非常有效。況且可以自動化的Layout頁面控件,個性化處理比DataGrid中重寫Render更加容易。