blob: 1ea4e9dc307eac8fd91b712c282f09d9694efc4c (
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
97
98
99
100
101
102
103
104
|
<com:TContent ID="body">
<h1>TActiveRepeater Sample 3</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>
<table>
<tr>
<th>Name</th>
<th>Category</th>
<th>Price</th>
<th>Imported</th>
</tr>
<com:TRepeater ID="Repeater" OnItemDataBound="repeaterDataBound">
<prop:ItemTemplate>
<tr>
<td>
<com:TActiveTextBox
ID="ProductName"
Text=<%#$this->Data['name']%>
AutoPostBack="true"
OnTextChanged="Page.saveInput"
OnCallback="Page.renderRepeater2"/>
</td>
<td>
<com:TActiveDropDownList
ID="ProductCategory"
AutoPostBack="true"
OnSelectedIndexChanged="Page.saveInput"
OnCallback="Page.renderRepeater2"/>
</td>
<td>
<com:TActiveTextBox
ID="ProductPrice"
Columns="7"
Text=<%#$this->Data['price']%>
AutoPostBack="true"
OnTextChanged="Page.saveInput"
OnCallback="Page.renderRepeater2"/>
</td>
<td>
<com:TActiveCheckBox
ID="ProductImported"
Checked=<%#$this->Data['imported']%>
AutoPostBack="true"
OnCheckedChanged="Page.saveInput"
OnCallback="Page.renderRepeater2"/>
<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>
</com:TRepeater>
</table>
<div>
<com:TActiveButton Text="Save" OnClick="saveInput" OnCallback="renderRepeater2"/>
</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>
<div class="last-modified">$Id: Sample3.page 1688 2007-02-09 22:48:31Z xue $</div></com:TContent>
|
