| 1 |
lars |
1 |
<com:TContent ID="body" >
|
|
|
2 |
|
|
|
3 |
<h1 id="2201">TClientScript</h1>
|
|
|
4 |
<com:DocLink ClassPath="System.Web.UI.WebControls.TClientScript" />
|
|
|
5 |
<h2 id="2202">Menyertakan Bundel Librari Javascript dalam Prado</h2>
|
|
|
6 |
<p id="260238" class="block-content">
|
|
|
7 |
<tt>TClientScript</tt> membolehkan kode Javascript disisipkan atau di-link ke template halaman. PRADO dibundel dengan fungsionalitas librari besar Javascript termasuk efek, AJAX, pengendali event dasar, dan masih banyak lagi. Librari Javascript yang dibundel bisa di-link ke template halaman saat ini menggunakan properti <tt>PradoScripts</tt>. Multipel librari Javascript yang dibundel bisa ditetapkan menggunakan string nama librari Javascript dipisahkan koma untuk disertakan pada halaman. Contoh berikut akan menggunakan librari "ajax" dan "effects".
|
|
|
8 |
</p>
|
|
|
9 |
<com:TTextHighlighter Language="prado" CssClass="source block-content" id="code_260101">
|
|
|
10 |
<com:TClientScript PradoScripts="ajax, effects" />
|
|
|
11 |
</com:TTextHighlighter>
|
|
|
12 |
|
|
|
13 |
<p id="260239" class="block-content">
|
|
|
14 |
Bundel librari yang disertakan dalam Prado adalah</p>
|
|
|
15 |
<ul id="u1" class="block-content">
|
|
|
16 |
<li><tt>prado</tt> : kerangka kerja javascript prado dasar berdasarkan Prototype</li>
|
|
|
17 |
<li><tt>effects</tt> : efek visual dari script.aculo.us</li>
|
|
|
18 |
<li><tt>ajax</tt> : terkait ajax dan callback berdasarkan Prototype</li>
|
|
|
19 |
<li><tt>validator</tt> : validasi</li>
|
|
|
20 |
<li><tt>logger</tt> : javascript pencatat dan browser obyek</li>
|
|
|
21 |
<li><tt>datepicker</tt> : datepicker</li>
|
|
|
22 |
<li><tt>colorpicker</tt> : colorpicker</li>
|
|
|
23 |
</ul>
|
|
|
24 |
<p id="260240" class="block-content">
|
|
|
25 |
Banyak dari librari, seperti <tt>validator</tt> dan <tt>datepicker</tt> akan secara otomatis ketika kontrol yang menggunakan librari ini terlihat pada halaman. Sebagai contoh, semua <a href="?page=Controls.Validation">validator</a>
|
|
|
26 |
jika <tt>EnableClientScript</tt> disetel true akan menyertakan librari javascript <tt>prado</tt> dan <tt>validator</tt>.
|
|
|
27 |
Ketergantungan dari setiap librari secara otomatis dipecahkan. Yakni, menetapkan, katakanlah "ajax", juga akan menyertakan librari "prado".</p>
|
|
|
28 |
|
|
|
29 |
<h2 id="2203">Menyertakan File Javascript Kustom</h2>
|
|
|
30 |
<p id="260241" class="block-content">File Javascript kustom dapat diregistrasi menggunakan properti <tt>ScriptUrl</tt>. Contoh berikut menyertakan file Javascript "test.js" ke halaman. Dalam hal ini, file "test.js" relatif ke template saat ini yang sedang anda gunakan. Karena nilai properti adalah
|
|
|
31 |
<a href="?page=Configurations.Templates3">tag asset dinamis</a>, file "test.js" akan dipublikasikan secara otomatis, yaitu file akan di-copy ke direktori asset bila perlu.
|
|
|
32 |
</p>
|
|
|
33 |
<com:TTextHighlighter Language="prado" CssClass="source block-content" id="code_260102">
|
|
|
34 |
<com:TClientScript ScriptUrl=<%~ test.js %> />
|
|
|
35 |
</com:TTextHighlighter>
|
|
|
36 |
<p id="260242" class="block-content">You can include Javascript files from other servers by specifying the full URL string in
|
|
|
37 |
the <tt>ScriptUrl</tt> property.</p>
|
|
|
38 |
|
|
|
39 |
<h2 id="2204">Menyertakan Blok Kode Javascript Kustom</h2>
|
|
|
40 |
<p id="260243" class="block-content"> Setiap konten di dalam tag kontrol <tt>TClientScript</tt> akan dianggap sebagai kode Javascript dan akan disajikan di mana ia dideklarasikan.</p>
|
|
|
41 |
|
|
|
42 |
<div class="last-modified">$Id: ClientScript.page 1846 2007-04-07 10:35:16Z wei $</div></com:TContent>
|