Looping Data Dependent Dropdown pada Yii

Departement

kangpepe.com | Terkadang kita ingin membuat sistem dengan teritegrasi yang dapat di looping dengan combobox satu dengan yang lain.

Kali ini kita berexperimen dengan memilh sebuat propinsi di indonesia misalnya,dan pada dropdown selanjutnya secara otomatis melakukan looping terhadap data lainya. ini biasanya disebut oleh Yii-ers adalah fungsi Dependent Dropdown

LANGKAH MEMBUAT DEPENDENT DROPDOWN PADA YII

pada dropdown pertama akan mengirim data menggunakan methode POST ke controller untuk meminta daftar kabupaten misalnya pada suatu propinsi. Setelahnya pada bagian View keteranganya saya sudah membuat artikel sebelumnya Mengirim Data Objek Otomatis menggunakan PHP dan AJAX.

BUAT SEBUAH BAGIAN VIEW DAN COPAS CODING DIBAWAH INI :



<td style="width:240px;"><?php
    $list = CHtml::listData(MasterPropinsi::model()->findAll(array('order' => 'id_prop')), 'id_prop', 'nama_propinsi');
    echo $form->dropDownList($model, 'id_prop', $list, 
    array(
        'empty' => '- Pilih Propinsi -',
        'ajax' => array(
            'type' => 'POST',
            'url' => CController::createUrl('dynamickabkota'),
            'update' => '#' . CHtml::activeId($model, 'id_kab_kota'),
            ),
        'style'=>'margin-top:10px;float:right;margin-left:8px;margin-right:8px;'
    ));
    ?>
</td>



BUAT SEBUAH FUNCITION PADA CONTROLLER, DAN COPAS CODING INI :


public function actionDynamicKabKota() {
    $data = MasterKabKota::model()->findAll('id_prop=:id_prop', array(':id_prop' => $_POST['ModeldiForm']['id_prop']));
    $data = CHtml::listData($data, 'id_kab_kota', 'nama_kab_kota');
    foreach ($data as $value => $name) {
        echo CHtml::tag('option', array('value' => $value), CHtml::encode($name), true);
    }
}


BUAT VIEW LOOPING DATA SEPERTI CODING DIBAWAH INI :


<tr>
    <td style="width:40px;text-align:center;">2.</td>
    <td><?php echo $form->labelEx($model,'id_kab_kota'); ?><?php echo $form->error($model,'id_kab_kota', array('style'=>'margin-top:10px;float:right;margin-left:8px;margin-right:8px;')); ?></td>
    <td>
        <?php
        echo $form->dropDownList($model, 'id_kab_kota', array(), array('empty' => '- Pilih Kabupaten/Kota -', 'style'=>'margin-top:10px;float:right;margin-left:8px;margin-right:8px;'));
        ?>
    </td> 
</tr>


Untuk database silahkan gunakan database Mengirim Data Objek Otomatis menggunakan PHP dan AJAX. database ini sama dan dapat digunakan pada tutorial kita kali ini. Demikian tutorial yii framework ini, semoga bermanfaat.

Recommend Article × +

OWNER AND CO OF PT. TRANS TECHNO Freelance Web Design and Yii2 Development in ICT STKIP PGRI WEST SUMATRA. While Studying MAGISTER UPI-YPTK Padang,CEO CMS Codepedia, Lives in Padang - Indonesia | WhatsApp : 0853-7516-4491

Related Posts

Update Sesudahnya
« Prev Post
Update Sebelumnya
Next Post »