blob: 7b0b4c2b9747a106b9ce3b2f04f02c7c8df33308 (
plain)
1
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
|
<com:TContent ID="body">
<h1>TActiveRepeater Sample</h1>
<p>
The following example allows users to modify the existing tabular data using a <tt>TActiveRepeater</tt>. Two validators are used in the repeater to ensure the validity of user inputs. One is to ensure product names are not empty, the other ensures product prices are valid numeric format. After clicking on the <tt>save</tt> button, the input data is displayed in a table at the bottom of the page.
</p>
<com:TActiveRepeater ID="Repeater" OnItemDataBound="repeaterDataBound">
<prop:HeaderTemplate>
<table>
<tr>
<th>Name</th>
<th>Category</th>
<th>Price</th>
<th>Imported</th>
</tr>
</prop:HeaderTemplate>
<prop:ItemTemplate>
<tr>
<td>
<com:TTextBox
ID="ProductName"
Text=<%#$this->Data['name']%> />
</td>
<td>
<com:TDropDownList
ID="ProductCategory" />
</td>
<td>
<com:TTextBox
ID="ProductPrice"
Columns="7"
Text=<%#$this->Data['price']%> />
</td>
<td>
<com:TCheckBox
ID="ProductImported"
Checked=<%#$this->Data['imported']%> />
<com:TRequiredFieldValidator
ControlToValidate="ProductName"
ErrorMessage="Product name cannot be empty."
Display="Dynamic" />
<com:TRegularExpressionValidator
ControlToValidate="ProductPrice"
RegularExpression="\d+(\.\d{1,2})?"
ErrorMessage="Product price must be in the format of ddd.dd"
Display="Dynamic" />
</td>
</tr>
</prop:ItemTemplate>
<prop:FooterTemplate>
</table>
</prop:FooterTemplate>
</com:TActiveRepeater>
<div>
<com:TActiveButton Text="Save" OnClick="saveInput"/>
</div>
<com:TSafeHtml>
<com:TActiveRepeater ID="Repeater2" EnableViewState="false">
<prop:HeaderTemplate>
<table cellpadding="2">
<tr style="color:white;background-color:black">
<th>ID</th>
<th>Name</th>
<th>Category</th>
<th>Price</th>
<th>Imported</th>
</tr>
</prop:HeaderTemplate>
<prop:ItemTemplate>
<tr style="<%# 'background-color:' . ($this->ItemIndex%2 ? '#BFCFFF' : '#E6ECFF') %>">
<td><%#$this->Data['id']%></td>
<td><%#$this->Data['name']%></td>
<td><%#$this->Data['category']%></td>
<td><%#$this->Data['price']%></td>
<td><%#$this->Data['imported']?'Yes':'No'%></td>
</tr>
</prop:ItemTemplate>
<prop:FooterTemplate>
<tr style="color:white;background-color:black;text-align:center;">
<td colspan="5">Computer Parts Inventory</td>
</tr>
</table>
</prop:FooterTemplate>
</com:TActiveRepeater>
</com:TSafeHtml>
</com:TContent>
|
