smarty template engine
Tuesday, October 07, 2008  
download | documentation | faq | forum | mailing lists | changelog | contribs 


search for in the  


{html_options}

{html_options} adalah fungsi kustom yang membuat grup html <select><option> dengan data yang ditempatkan. Ia menangani item-item yang dipilihnya juga.

Nama AtributTipeDiperlukanDefaultDeskripsi
valuesarrayYa, kecuali memakai atribut optionsn/aArray nilai untuk dropdown
outputarrayYa, kecuali memakai atribut optionsn/aArray output untuk dropdown
selectedstring/arrayTidakemptyElemen opsi yang dipilih
optionsassociative arrayYa, kecuali memakai nilai dan outputn/aArray nilai asosiatif dan output
namestringTidakemptyNama pilihan grup

  • Atribut yang dibutuhkan adalah values dan output, kecuali anda sebaliknya menggunakan options yang dibagung.

  • Jika atribut opsional name disediakan, tag <select></select> dibuat, sebaliknya HANYA daftar <option> yang dibuat.

  • Jika yang nilai diberikan adalah array, ia akan memperlakukannya sebagai html <optgroup>, dan menampilkan grup. Rekursi didukung dengan <optgroup>.

  • Semua parameter yang tidak dalam daftar di atas dicetak sebagai pasangan nama/nilai di dalam tag <select>. Diabaikan jika name opsional tidak disediakan.

  • Semua output sesuai dengan XHTML.

Teladan 8-12. Array asosiatif dengan atribut options

<?php
$smarty
->assign('myOptions', array(
                                
1800 => 'Joe Schmoe',
                                
9904 => 'Jack Smith',
                                
2003 => 'Charlie Brown')
                                );
$smarty->assign('mySelect'9904);
?>

Template berikut akan membuat daftar drop-down. Perhatikan keberadaan atribut name yang membuat tag <select>.

{html_options name=foo options=$myOptions selected=$mySelect}

Output dari contoh di atas akan terlihat seperti:

<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>

Teladan 8-13. Dropdown dengan array terpisah untukvalues dan ouptut

<?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);
?>

Array di atas yang akan ditampilkan dengan template berikut (perhatikan penggunaan fungsi php count() sebagai pengubah untuk menyetel ukuran pilihan).

<select name="customer_id" size="{$cust_names|@count}">
   {html_options values=$cust_ids output=$cust_names selected=$customer_id}
</select>

Contoh di atas akan memperlihatkan:

<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>

Teladan 8-14. Contoh database (misal ADODB atau PEAR)

<?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));

?>

Di mana sebuah template bisa seperti berikut. Perhatikan penggunaan pengubah truncate.

<select name="type_id">
    <option value='null'>-- none --</option>
    {html_options options=$contact_types|truncate:20 selected=$contact.type_id}
</select>

Teladan 8-15. Dropdown dengan <optgroup>

<?php
$arr
['Sport'] = array(=> 'Golf'=> 'Cricket',=> 'Swim');
$arr['Rest']  = array(=> 'Sauna',=> 'Massage');
$smarty->assign('lookups'$arr);
$smarty->assign('fav'7);
?>

Naskah di atas dan template berikut

{html_options name=foo options=$lookups selected=$fav}

akan memperlihatkan:

<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>

Lihat juga {html_checkboxes} dan {html_radios}




 

credits 

Smarty Copyright © 2002-2008
New Digital Group, Inc.

All rights reserved.