| 1 |
lars |
1 |
<com:TContent ID="body">
|
|
|
2 |
<!-- $Id: Home.page 2474 2008-07-03 17:28:20Z mikl $ -->
|
|
|
3 |
|
|
|
4 |
<style type="text/css">
|
|
|
5 |
<!--
|
|
|
6 |
.acomplete { position: relative; z-index: 5; background-color: #EDF5FF; border: 1px solid #243356; }
|
|
|
7 |
.acomplete ul, .acomplete li { margin: 0px; padding: 0px; list-style: none; color: #333; }
|
|
|
8 |
.acomplete li { padding: 4px; border-top: 1px solid #ccc; }
|
|
|
9 |
.acomplete .selected { background-color: #ffc; }
|
|
|
10 |
-->
|
|
|
11 |
</style>
|
|
|
12 |
|
|
|
13 |
<h1>TAutoComplete Sample (AJAX)</h1>
|
|
|
14 |
|
|
|
15 |
<table class="sampletable">
|
|
|
16 |
|
|
|
17 |
<tr><td class="samplenote">
|
|
|
18 |
Simple Autocompleter:
|
|
|
19 |
</td><td class="sampleaction">
|
|
|
20 |
<com:TAutoComplete
|
|
|
21 |
ID="AutoComplete"
|
|
|
22 |
OnSuggest="suggestNames"
|
|
|
23 |
OnSuggestionSelected="suggestionSelected1"
|
|
|
24 |
ResultPanel.CssClass="acomplete"
|
|
|
25 |
Suggestions.DataKeyField="id" >
|
|
|
26 |
|
|
|
27 |
<prop:Suggestions.ItemTemplate>
|
|
|
28 |
<li><%# $this->Data['name'] %></li>
|
|
|
29 |
</prop:Suggestions.ItemTemplate>
|
|
|
30 |
</com:TAutoComplete>
|
|
|
31 |
<com:TActiveLabel ID="Selection1" />
|
|
|
32 |
</td></tr>
|
|
|
33 |
|
|
|
34 |
<tr><td class="samplenote">
|
|
|
35 |
Autocompleter with multiple selection:
|
|
|
36 |
</td><td class="sampleaction">
|
|
|
37 |
<com:TAutoComplete
|
|
|
38 |
ID="AutoComplete2"
|
|
|
39 |
OnSuggest="suggestNames"
|
|
|
40 |
OnSuggestionSelected="suggestionSelected2"
|
|
|
41 |
Separator=","
|
|
|
42 |
ResultPanel.CssClass="acomplete"
|
|
|
43 |
Suggestions.DataKeyField="id" >
|
|
|
44 |
|
|
|
45 |
<prop:Suggestions.ItemTemplate>
|
|
|
46 |
<li><%# $this->Data['name'] %></li>
|
|
|
47 |
</prop:Suggestions.ItemTemplate>
|
|
|
48 |
</com:TAutoComplete>
|
|
|
49 |
(Use ',' to separate the selected suggestions)
|
|
|
50 |
<com:TActiveLabel ID="Selection2" />
|
|
|
51 |
</td></tr>
|
|
|
52 |
|
|
|
53 |
</table>
|
|
|
54 |
|
|
|
55 |
<com:TJavascriptLogger />
|
|
|
56 |
|
|
|
57 |
<div class="last-modified">$Id: Home.page 2474 2008-07-03 17:28:20Z mikl $</div></com:TContent>
|