blob: 60ca140e05de59762ca3097f74cc995facd189a6 (
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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
|
<com:TContent ID="body" >
<!-- $Id: Home.page 1650 2007-01-24 06:55:32Z wei $ -->
<h1 id="128031">Kontrol Aktif (kontrol AJAX-dihidupkan)</h1>
<p id="640423" class="block-content">Lihat <a href="?page=ActiveControls.Introduction">Pengenalan</a>
untuk tinjauan cepat terhadap konsep di belakang kontrol aktif (kontrol AJAX-dihidupkan).
Banyak kontrol aktif memiliki properti
<a href="?page=ActiveControls.BaseActiveControl">ActiveControl</a> dan
sub-properti <a href="?page=ActiveControls.CallbackClientSide">ClientSide</a>
yang menyediakan banyak properti untuk mengkustomisasi kontrol. Properti
<a href="?page=TCallbackClientScript">CallbackClient</a> dari kelas
<tt>TPage</tt> menyediakan metode untuk memutakhirkan dan mengubah konten sisi-klien
saat permintaan callback. Kontrol aktif bergantung pada koleksi
<a href="?page=ActiveControl.ClientSideJavascript">kelas javascript</a>.
</p>
<p id="640424" class="block-content">Untuk demo cepat atas kontrol aktif, coba kontrol <a href="?page=ActiveControls.ActiveButton">
TActiveButton</a>. Lihat juga bagian akhir dari tutorial <a href="?page=Tutorial.CurrencyConverter">Pengubah Kurs</a> untuk contoh lebih mendalam.
</p>
<p id="640425" class="block-content">* tutorial untuk kontrol ini belum lengkap.</p>
<h2 id="128032">Kontrol Aktif Standar</h2>
<ul id="u1" class="block-content">
<li>
<a href="?page=ActiveControls.ActiveButton">TActiveButton</a>
mewakili tombol klik pada halaman Web. Ia dapat dipakai untuk memicu permintaan callback.
</li>
<li>
<a href="?page=ActiveControls.ActiveCheckBox">TActiveCheckBox</a>
mewakili kotak centang pada halaman Web. Ia dapat dipakai untuk mengoleksi input dua-kondisi pengguna
serta memicu permintaan callback.
</li>
<li>
<a href="?page=ActiveControls.ActiveCustomValidator">TActiveCustomValidator</a>
memvalidasi kontrol tertentu menggunakan permintaan callback.
</li>
<li>
<a href="?page=ActiveControls.ActiveHyperLink">TActiveHyperLink</a>
mewakili hiperlink pada halaman Web.
</li>
<li>
* <a href="?page=ActiveControls.ActiveImage">TActiveImage</a>
mewakili gambar pada halaman Web.
</li>
<li>
* <a href="?page=ActiveControls.ActiveImageButton">TActiveImageButton</a>
mewakili tombol klik yang mempunyai gambar sebagai latar belakangnya.
Ia bisa dipakai untuk memicu permintaan callback.
</li>
<li>
* <a href="?page=ActiveControls.ActiveLabel">TActiveLabel</a>
mewakili label pada halam Web.
Label dapat dikustomisasi melalui berbagai atribut CSS.
</li>
<li>
* <a href="?page=ActiveControls.ActiveLinkButton">TActiveLinkButton</a>
mewakili hiperlink yang bisa melalukan permintaan callback.
</li>
<li>
* <a href="?page=ActiveControls.ActivePanel">TActivePanel</a>
mewakili penampung untuk kontrol lain pada halaman Web. Dalam HTML,
ia ditampilkan sebagai elemen <div>. Kontrol pabel dapat
diganti selama permintaan callback.
</li>
<li>
* <a href="?page=ActiveControls.ActiveRadioButton">TActiveRadioButton</a>
mewakili tombol radio pada halaman Web.
Dipakai terutama dalam sebuah grup di mana pengguna bisa memilih. Ini
dapat digunakan untuk melakukan permintaan callback.
</li>
<li>
* <a href="?page=ActiveControls.ActiveTextBox">TActiveTextBox</a>
mewakili field input teks pada halaman Web.
Ia bisa mengoleksi satu-baris, multi-baris atau input teks sandi dari pengguna.
Ia bisa dipakai untuk melakukan permintaan callback.
</li>
<li>
* <a href="?page=ActiveControls.CallbackOptions">TCallbackOptions</a>
opsi callback seperti pengendali event sisi-klien <tt>OnLoading</tt>.
</li>
</ul>
<h2 id="128033">Kontrol List Aktif</h2>
<ul id="u2" class="block-content">
<li>
* <a href="?page=ActiveControls.ActiveCheckBoxList">TActiveCheckBoxList</a>
menampilkan daftar kotak centang pada halaman Web dan setiap kotak centang
dapat memicu permintaan callback.
</li>
<li>
* <a href="?page=ActiveControls.ActiveDropDownList">TActiveDropDownList</a>
menampilkan kotak daftar dropdown yang membolehkan para pengguna untuk memilih
satu opsi dari beberapa yang telah ditetapkan. Dapat dipakai untuk melakukan
permintaan callback.
</li>
<li>
* <a href="?page=ActiveControls.ActiveListBox">TActiveListBox</a>
menampilkan kotak daftar yang membolehkan satu pilihan atau multipel. Dapat
dipakai untuk melakukan permintaan callback.
</li>
<li>
* <a href="?page=ActiveControls.ActiveRadioButtonList">TActiveRadioButtonList</a>
mirip dengan TActiveCheckBoxList dalam setiap aspek kecuali bahwa setiap
TActiveRadioButtonList menampilkan sebuah grup tombol radio. Setiap tombol radio
dapat melakukan permintaan callback.
</li>
</ul>
<h2 id="128034">Kontrol Aktif Diperluas</h2>
<ul id="u3" class="block-content">
<li>
* <a href="?page=ActiveControls.AutoComplete">TAutoComplete</a>
memperluas TActiveTextBox untuk menawarkan saran pelengkapan teks.
</li>
<li>
* <a href="?page=ActiveControls.Callback">TCallback</a>
kontrol generik yang dapat melakukan permintaan callback.
</li>
<li>
* <a href="?page=ActiveControls.EventTriggeredCallback">TEventTriggeredCallback</a>
memicu permintaan callback berdasarkan event DOM HTML.
</li>
<li>
* <a href="?page=ActiveControls.InPlaceTextBox">TInPlaceTextBox</a>
mewakili label yang dapat diedit dengen mengklik.
</li>
<li>
* <a href="?page=ActiveControls.TimeTriggeredCallback">TTimeTriggeredCallback</a>
memicu permintaan callback berdasarkan waktu yang belalu.
</li>
<li>
* <a href="?page=ActiveControls.ValueTriggeredCallback">TValueTriggeredCallback</a>
mengawasi (menggunakan timer) atribut elemen HTML dan memicu permintaan callback
ketika nilai atribut berubah.
</li>
</ul>
<h2 id="128035">Kemampuan Kontrol Aktif</h2>
<p id="640426" class="block-content">Tabel berikut memperlihatkan Kontrol Aktif yang dapat memicu event callback dan menentukan apakah kontrol akan memunculkan event PostBack atau tidak jika Javascript dimatikan pada browser sisi-klien.</p>
<!-- tabular: align=|l|l|l|, width=(0.35 0.25 0.25) -->
<table class="tabular">
<tr>
<th>Nama Kontrol</th>
<th>Memicu Callback</th>
<th>Kembali ke PostBack</th>
</tr>
<tr><td>
<a href="?page=ActiveControls.ActiveButton">TActiveButton</a>
</td>
<td>Ya</td>
<td>Ya</td>
</tr>
<tr><td>
<a href="?page=ActiveControls.ActiveCheckBox">TActiveCheckBox</a>
</td>
<td>Ya</td>
<td>Ya</td>
</tr>
<tr><td>
<a href="?page=ActiveControls.ActiveCustomValidator">TActiveCustomValidator</a>
</td>
<td>Ya</td>
<td>Ya</td>
</tr>
<tr><td>
<a href="?page=ActiveControls.ActiveHyperLink">TActiveHyperLink</a>
</td>
<td>Tidak</td><td>Ya</td>
</tr>
<tr><td>
<a href="?page=ActiveControls.ActiveImage">TActiveImage</a>
</td>
<td>Tidak</td><td>Ya</td>
</tr>
<tr><td>
<a href="?page=ActiveControls.ActiveImageButton">TActiveImageButton</a>
</td>
<td>Ya</td><td>Ya</td>
</tr>
<tr><td>
<a href="?page=ActiveControls.ActiveLabel">TActiveLabel</a>
</td>
<td>Tidak</td><td>Ya</td>
</tr>
<tr><td>
<a href="?page=ActiveControls.ActiveLinkButton">TActiveLinkButton</a>
</td>
<td>Ya</td><td>Tidak</td>
</tr>
<tr><td>
<a href="?page=ActiveControls.ActivePanel">TActivePanel</a>
</td>
<td>Tidak</td><td>Ya</td>
</tr>
<tr><td>
<a href="?page=ActiveControls.ActiveRadioButton">TActiveRadioButton</a>
</td>
<td>Ya</td><td>Ya</td>
</tr>
<tr><td>
<a href="?page=ActiveControls.ActiveTextBox">TActiveTextBox</a>
</td>
<td>Ya</td><td>Ya</td>
</tr>
<tr><td>
<a href="?page=ActiveControls.CallbackOptions">TCallbackOptions</a>
</td>
<td>Tidak</td><td>N/A</td>
</tr>
<tr><td>
<a href="?page=ActiveControls.ActiveCheckBoxList">TActiveCheckBoxList</a>
</td>
<td>Ya</td><td>Ya</td>
</tr>
<tr><td>
<a href="?page=ActiveControls.ActiveDropDownList">TActiveDropDownList</a>
</td>
<td>Ya</td><td>Ya</td>
</tr>
<tr><td>
<a href="?page=ActiveControls.ActiveListBox">TActiveListBox</a>
</td>
<td>Ya</td><td>Ya</td>
</tr>
<tr><td>
<a href="?page=ActiveControls.ActiveRadioButtonList">TActiveRadioButtonList</a>
</td>
<td>Ya</td><td>Ya</td>
</tr>
<tr><td>
<a href="?page=ActiveControls.AutoComplete">TAutoComplete</a>
</td>
<td>Ya</td>
<td>Tidak</td>
</tr>
<tr><td>
<a href="?page=ActiveControls.Callback">TCallback</a>
</td>
<td>Ya</td><td>Tidak</td>
</tr>
<tr><td>
<a href="?page=ActiveControls.EventTriggeredCallback">TEventTriggeredCallback</a>
</td>
<td>Ya</td><td>Tidak</td>
</tr>
<tr><td>
<a href="?page=ActiveControls.InPlaceTextBox">TInPlaceTextBox</a>
</td>
<td>Ya</td><td>Tidak</td>
</tr>
<tr><td>
<a href="?page=ActiveControls.TimeTriggeredCallback">TTimeTriggeredCallback</a>
</td>
<td>Ya</td><td>Tidak</td>
</tr>
<tr><td>
<a href="?page=ActiveControls.ValueTriggeredCallback">TValueTriggeredCallback</a>
</td>
<td>Ya</td><td>Tidak</td>
</tr>
</table>
<h2 id="128036">Kelas Infrastruktur Kontrol Aktif</h2>
<p id="640427" class="block-content">Kelas berikut menyediakan kelas infrastruktur dasar yang diperlukan guna merealisasikan kontrol aktif.</p>
<ul id="u4" class="block-content">
<li>
* <a href="?page=ActiveControls.ActiveControlAdapter">TActiveControlAdapter</a>
melacak nilai viewstate dari kontrol dan memutakhirkan perbedaan pada atribut elemen HTML sisi-klien.
</li>
<li>
* <a href="?page=ActiveControls.ActiveListControlAdapter">TActiveListControlAdapter</a>
membolehkan kontrol list yang diadaptasi untuk mengubah pilihan pada sisi-klien selama permintaan callback.
</li>
<li>
* <a href="?page=ActiveControls.ActivePageAdapter">TActivePageAdapter</a>
memroses masa-hidup halaman untuk permintaan callback.
</li>
<li>
* <a href="?page=ActiveControls.BaseActiveControl">TBaseActiveControl</a>
metode dan opsi kontrol aktif umum.
</li>
<li>
* <a href="?page=ActiveControls.CallbackClientScript">TCallbackClientScript</a>
metode untuk memanipulasi elemen HTML sisi-klien, juga termasuk metode untuk memanggil Efek javascript pada elemen HTML.
</li>
<li>
* <a href="?page=ActiveControls.CallbackClientSide">TCallbackClientSide</a>
opsi permintaan callback sisi-klien, dan pengendali event sisi-klien.
</li>
<li>
* <a href="?page=ActiveControls.CallbackResponseAdapter">TCallbackResponseAdapter</a>
respon HTTP untuk permintaan callback.
</li>
</ul>
<div class="last-modified">$Id: Home.page 1650 2007-01-24 06:55:32Z wei $</div></com:TContent>
|
