Files
smarty/docs/id/designers/language-custom-functions/language-function-html-options.xml
2007-09-18 17:45:46 +00:00

280 lines
7.7 KiB
XML

<?xml version="1.0" encoding="iso-8859-1"?>
<!-- $Revision$ -->
<sect1 id="language.function.html.options">
<title>{html_options}</title>
<para>
<varname>{html_options}</varname> adalah
<link linkend="language.custom.functions">fungsi kustom</link>
yang membuat grup html <literal>&lt;select&gt;&lt;option&gt;</literal>
dengan data yang ditempatkan. Ia menangani item-item yang dipilihnya juga.
</para>
<informaltable frame="all">
<tgroup cols="5">
<colspec colname="param" align="center" />
<colspec colname="type" align="center" />
<colspec colname="required" align="center" />
<colspec colname="default" align="center" />
<colspec colname="desc" />
<thead>
<row>
<entry>Nama Atribut</entry>
<entry>Tipe</entry>
<entry>Diperlukan</entry>
<entry>Default</entry>
<entry>Deskripsi</entry>
</row>
</thead>
<tbody>
<row>
<entry>values</entry>
<entry>array</entry>
<entry>Ya, kecuali memakai atribut options</entry>
<entry><emphasis>n/a</emphasis></entry>
<entry>Array nilai untuk dropdown</entry>
</row>
<row>
<entry>output</entry>
<entry>array</entry>
<entry>Ya, kecuali memakai atribut options</entry>
<entry><emphasis>n/a</emphasis></entry>
<entry>Array output untuk dropdown</entry>
</row>
<row>
<entry>selected</entry>
<entry>string/array</entry>
<entry>Tidak</entry>
<entry><emphasis>empty</emphasis></entry>
<entry>Elemen opsi yang dipilih</entry>
</row>
<row>
<entry>options</entry>
<entry>associative array</entry>
<entry>Ya, kecuali memakai nilai dan output</entry>
<entry><emphasis>n/a</emphasis></entry>
<entry>Array nilai asosiatif dan output</entry>
</row>
<row>
<entry>name</entry>
<entry>string</entry>
<entry>Tidak</entry>
<entry><emphasis>empty</emphasis></entry>
<entry>Nama pilihan grup</entry>
</row>
</tbody>
</tgroup>
</informaltable>
<itemizedlist>
<listitem><para>
Atribut yang dibutuhkan adalah
<parameter>values</parameter> dan <parameter>output</parameter>,
kecuali anda sebaliknya menggunakan <parameter>options</parameter> yang
dibagung.
</para></listitem>
<listitem><para>
Jika atribut opsional <parameter>name</parameter> disediakan, tag
<literal>&lt;select&gt;&lt;/select&gt;</literal> dibuat, sebaliknya
HANYA daftar <literal>&lt;option&gt;</literal> yang dibuat.
</para></listitem>
<listitem><para>
Jika yang nilai diberikan adalah array, ia akan memperlakukannya sebagai
html <literal>&lt;optgroup&gt;</literal>, dan menampilkan grup.
Rekursi didukung dengan <literal>&lt;optgroup&gt;</literal>.
</para></listitem>
<listitem><para>
Semua parameter yang tidak dalam daftar di atas dicetak sebagai pasangan
nama/nilai di dalam tag <literal>&lt;select&gt;</literal>. Diabaikan jika
<parameter>name</parameter> opsional tidak disediakan.
</para></listitem>
<listitem><para>
Semua output sesuai dengan XHTML.
</para></listitem>
</itemizedlist>
<example>
<title>Array asosiatif dengan atribut <varname>options</varname></title>
<programlisting role="php">
<![CDATA[
<?php
$smarty->assign('myOptions', array(
1800 => 'Joe Schmoe',
9904 => 'Jack Smith',
2003 => 'Charlie Brown')
);
$smarty->assign('mySelect', 9904);
?>
]]>
</programlisting>
<para>
Template berikut akan membuat daftar drop-down.
Perhatikan keberadaan atribut <parameter>name</parameter> yang membuat
tag <literal>&lt;select&gt;</literal>.
</para>
<programlisting>
<![CDATA[
{html_options name=foo options=$myOptions selected=$mySelect}
]]>
</programlisting>
<para>
Output dari contoh di atas akan terlihat seperti:
</para>
<screen>
<![CDATA[
<select name="foo">
<option label="Joe Schmoe" value="1800">Joe Schmoe</option>
<option label="Jack Smith" value="9904" selected="selected">Jack Smith</option>
<option label="Charlie Brown" value="2003">Charlie Brown</option>
</select>
]]>
</screen>
</example>
<example>
<title>Dropdown dengan array terpisah untuk<varname>values</varname> dan
<varname>ouptut</varname></title>
<programlisting role="php">
<![CDATA[
<?php
$smarty->assign('cust_ids', array(56,92,13));
$smarty->assign('cust_names', array(
'Joe Schmoe',
'Jane Johnson',
'Charlie Brown'));
$smarty->assign('customer_id', 92);
?>
]]>
</programlisting>
<para>
Array di atas yang akan ditampilkan dengan template berikut (perhatikan
penggunaan fungsi php <ulink url="&url.php-manual;function.count">
<varname>count()</varname></ulink> sebagai pengubah untuk menyetel
ukuran pilihan).
</para>
<programlisting>
<![CDATA[
<select name="customer_id" size="{$cust_names|@count}">
{html_options values=$cust_ids output=$cust_names selected=$customer_id}
</select>
]]>
</programlisting>
<para>
Contoh di atas akan memperlihatkan:
</para>
<screen>
<![CDATA[
<select name="customer_id">
<option label="Joe Schmoe" value="56">Joe Schmoe</option>
<option label="Jack Smith" value="92" selected="selected">Jane Johnson</option>
<option label="Charlie Brown" value="13">Charlie Brown</option>
</select>
]]>
</screen>
</example>
<example>
<title>Contoh database (misal ADODB atau PEAR)</title>
<programlisting role="php">
<![CDATA[
<?php
$sql = 'select type_id, types from contact_types order by type';
$smarty->assign('contact_types',$db->getAssoc($sql));
$sql = 'select contact_id, name, email, contact_type_id
from contacts where contact_id='.$contact_id;
$smarty->assign('contact',$db->getRow($sql));
?>
]]>
</programlisting>
<para>
Di mana sebuah template bisa seperti berikut. Perhatikan penggunaan pengubah
<link linkend="language.modifier.truncate"><varname>truncate</varname></link>.
</para>
<programlisting>
<![CDATA[
<select name="type_id">
<option value='null'>-- none --</option>
{html_options options=$contact_types|truncate:20 selected=$contact.type_id}
</select>
]]>
</programlisting>
</example>
<example>
<title>Dropdown dengan &lt;optgroup&gt; </title>
<programlisting role="php">
<![CDATA[
<?php
$arr['Sport'] = array(6 => 'Golf', 9 => 'Cricket',7 => 'Swim');
$arr['Rest'] = array(3 => 'Sauna',1 => 'Massage');
$smarty->assign('lookups', $arr);
$smarty->assign('fav', 7);
?>
]]>
</programlisting>
<para>Naskah di atas dan template berikut
</para>
<programlisting>
<![CDATA[
{html_options name=foo options=$lookups selected=$fav}
]]>
</programlisting>
<para>
akan memperlihatkan:
</para>
<screen>
<![CDATA[
<select name="foo">
<optgroup label="Sport">
<option label="Golf" value="6">Golf</option>
<option label="Cricket" value="9">Cricket</option>
<option label="Swim" value="7" selected="selected">Swim</option>
</optgroup>
<optgroup label="Rest">
<option label="Sauna" value="3">Sauna</option>
<option label="Massage" value="1">Massage</option>
</optgroup>
</select>
]]>
</screen>
</example>
<para>
Lihat juga
<link linkend="language.function.html.checkboxes"><varname>{html_checkboxes}</varname></link>
dan
<link linkend="language.function.html.radios"><varname>{html_radios}</varname></link>
</para>
</sect1>
<!-- Keep this comment at the end of the file
Local variables:
mode: sgml
sgml-omittag:t
sgml-shorttag:t
sgml-minimize-attributes:nil
sgml-always-quote-attributes:t
sgml-indent-step:1
sgml-indent-data:t
indent-tabs-mode:nil
sgml-parent-document:nil
sgml-default-dtd-file:"../../../../manual.ced"
sgml-exposed-tags:nil
sgml-local-catalogs:nil
sgml-local-ecat-files:nil
End:
vim600: syn=xml fen fdm=syntax fdl=2 si
vim: et tw=78 syn=sgml
vi: ts=1 sw=1
-->