blob: d7b1e8a83086322db8bbda0fc91eb4b0454b6b43 (
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
|
<com:TContent ID="body">
<h1>TJuiSelectable Samples</h1>
<com:TStyleSheet>
.ui-selectable {
list-style: none;
cursor: pointer;
}
.ui-selectable li {
border: 1px solid transparent;
padding: 3px;
border-radius:3px;
}
.ui-selectable li:hover {
background: #FECA40;
border: 1px solid black;
}
.ui-selecting {
background: #FECA40;
}
.ui-selected {
background: #F39814; color: white;
}
</com:TStyleSheet>
<table class="sampletable">
<tr><td class="samplenote">
Default options with a little css applied, change options during callback:
</td><td class="sampleaction">
<com:TJuiSelectable
ID="repeater1"
OnStop="repeater1_onStop"
/>
Selected items: <com:TActiveLabel ID="label1" />
<div><com:TActiveCheckBox OnCheckedChanged="select1" Text="Disable selectable" /></div>
<div><com:TActiveCheckBox OnCheckedChanged="select2" Text="Selecting starts after dragging at least 100px" /></div>
</td></tr>
</table>
</com:TContent>
|
