summaryrefslogtreecommitdiff
path: root/demos/quickstart/protected/pages/JuiControls/Samples/TJuiAutoComplete/Home.page
blob: 1338b651c31fb1735a92e863b929f100c323ce54 (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
<com:TContent ID="body">
<h1>TJuiAutoComplete Samples</h1>


<table class="sampletable">

<tr><td class="samplenote">
Simple Autocompleter:
</td><td class="sampleaction">
<com:TJuiAutoComplete
    ID="AutoComplete"
    OnSuggest="suggestNames"
    OnSuggestionSelected="suggestionSelected1"
    ResultPanel.CssClass="acomplete"
    Suggestions.DataKeyField="id" >

    <prop:Suggestions.ItemTemplate>
    <li><%# $this->Data['name'] %></li>
    </prop:Suggestions.ItemTemplate>
</com:TJuiAutoComplete>
<com:TActiveLabel ID="Selection1" />
</td></tr>

<tr><td class="samplenote">
Autocompleter with multiple selection:
</td><td class="sampleaction">
<com:TJuiAutoComplete
    ID="AutoComplete2"
    OnSuggest="suggestNames"
    OnSuggestionSelected="suggestionSelected2"
    Separator=","
    ResultPanel.CssClass="acomplete"
    Suggestions.DataKeyField="id" >

    <prop:Suggestions.ItemTemplate>
    <li><%# $this->Data['name'] %></li>
    </prop:Suggestions.ItemTemplate>
</com:TJuiAutoComplete>
(Use ',' to separate the selected suggestions)
<com:TActiveLabel ID="Selection2" />
</td></tr>

</table>

</com:TContent>