demos/quickstart/protected/pages/Advanced/id/Scripts3.page


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

<com:TContent ID="body" >
<h1 id="6801">Javascript dalam PRADO, Pertanyaan dan Jawaban</h1>
<h2 id="6802">Bagaimana saya menyertakan librari Javascript yang didistribusikan dengan Prado?</h2>
<p id="880060" class="block-content">Librari javascript yang didistribusikan dengan Prado dapat ditemukan dalam direktori
<tt>framework/Web/Javascripts/source</tt>. File <tt>packages.php</tt>
dalam direktori itu mendefinisikan daftar nama paket yang tersedia yang diambil. Itu bisa diambil seperti berikut.
</p>
<ul id="u1" class="block-content"><li>Menambahkan librari dalam template
<com:TTextHighlighter Language="prado" CssClass="source block-content" id="code_850268">
&lt;com:TClientScript PradoScripts="effects" /&gt;
</com:TTextHighlighter>
    </li>
    <li>Menambahkan librari dalam kode PHP
    <com:TTextHighlighter Language="php" CssClass="source block-content" id="code_850269">
$this->getPage()->getClientScript()->registerPradoScript("effects");
    </com:TTextHighlighter>
    </li>
</ul>
Paket librari yang tersedia disertakan dalam Prado adalah
<ul id="u2" class="block-content">
    <li><tt>prado</tt> : javascript dasar kerangka kerja PRADO berdasarkan Prototype</li>
    <li><tt>effects</tt> : efek visual dari script.aculo.us</li>
    <li><tt>ajax</tt> : terkait ajax dan callback bedasarkan Prototype</li>
    <li><tt>validator</tt> : validasi</li>
    <li><tt>logger</tt> : pencatat javascript dan browser obyek</li>
    <li><tt>datepicker</tt> : datepicker</li>
    <li><tt>colorpicker</tt> : colorpicker</li>
</ul>

<p id="850761" class="block-content">Ketergantungan masing-masing librari secara otomatis dipecahkan. Komponen yang memerlukan libari tertentu juga akan secara otomatis mengambil librari yang diperlukan.
Sebagai contoh, jika Anda menambah komponen <tt>TDatePicker</tt> pada halaman, <tt>datepicker</tt> dan dependensinya akan secara otomatis disertakan pada halaman.</p>

<p id="850762" class="block-content">Lihat <a href="?page=Controls.ClientScript">TClientScript</a> untuk opsi penambahan kode Javascript kustom Anda ke halaman.</p>

</com:TContent>