MENGUBAH FIELD YANG DITAMPILKAN DI GRID VIEW HASIL GENERATED GII

Hasil generated GII untuk tampilan awal biasanya berisi 4 field awal. Kita dapat mengubahnya misal untuk contoh ini menghilangkan id dan menambahkan field KTP dan no HP   :

Cara mengubah field-field yang tampil langkahnya adalah sbb :

        1.       Buka folder views kemudian buka folder pegawai.
        2.       Pilih index.php
        3.       Cari kode berikut ini

<?= GridView::widget([
    'dataProvider' => $dataProvider,
    'filterModel' => $searchModel,
    'columns' => [
        ['class' => 'yii\grid\SerialColumn'],
        'id',
        'nip',
        'nama',
        'alamat',
        'kota',
        //'ktp',
        //'hp',
        // 'foto', 

4.  Ubahlah kode diatas menjadi sbb :

<?= GridView::widget([
    'dataProvider' => $dataProvider,
    'filterModel' => $searchModel,
    'columns' => [
        ['class' => 'yii\grid\SerialColumn'],
        //'id',
        'nip',
        'nama',
        'alamat',
        'kota',
        'ktp',
        'hp',
        // 'foto',
        // 'idbag',

        5.       Simpan perubahan kemudian jalankan kembali aplikasinya maka tampilannya sbb :

MENGUBAH UKURAN LEBAR DROP DOWN DINAMIS HASIL GENERATED GII

Dropdown list yang belum diubah ukurannya akan seperti tampilan sbb :

Cara mengubah ukuran dinamis drop down list langkahnya adalah sbb :

         1.       Buka folder views kemudian buka folder pegawai.
         2.       Pilih _form.php
         3.       Cari kode berikut ini

<?= $form->field($model, 'idbag')->dropdownList(

    Organisasi::find()->select(['nama', 'id'])->indexBy('id')->column(),

    ['prompt'=>'Select Bagian']

) ?>

Kode yang sudah diubah menjadi sbb :

<?= $form->field($model, 'idbag')->dropdownList(

    Organisasi::find()->select(['nama', 'id'])->indexBy('id')->column(),['style'=>'width:200px'],

    ['prompt'=>'Select Bagian']

) ?> 

      4.       Simpan perubahan kemudian jalankan kembali aplikasinya maka tampilannya sbb :

MENGUBAH TEXT INPUT MENJADI DROP DOWN DINAMIS HASIL GENERATED GII

CRUD GII menghasilkan inputan menjadi berbentuk text input. Di contoh ini kita coba mengganti inputan idbag dari text input menjadi  drop down list  yang berisi data tabel bagian.

Cara Mengubah text input menjadi dinamis drop down list langkahnya adalah sbb :

        1.       Buka folder views kemudian buka folder pegawai.
        2.       Pilih _form.php
        3.       Tambahkan model dari data yang akan diakses di drop down list. Dalam contoh ini organisasi.

<?php
use yii\helpers\Html;
use yii\widgets\ActiveForm;
use app\models\Organisasi;
?>

<div class="pegawai-form">

    <?php $form = ActiveForm::begin(); ?>

 <?= $form->field($model, 'nip')->textInput(['style'=>'width:200px'],['maxlength' => true]) ?>

Dst.....

       4.       Cari kode berikut ini

<?= $form->field($model, 'idbag')->textInput() ?>

Ubah textInput()  , menjadi sbb : 

<?= $form->field($model, 'idbag')->dropdownList(
    Organisasi::find()->select(['nama', 'id'])->indexBy('id')->column(),
    ['prompt'=>'Select Bagian']

) ?>

     5.       Simpan perubahan kemudian jalankan kembali aplikasinya maka tampilannya sbb :

MENGUBAH TEXT INPUT MENJADI DROP DOWN LIST STATIS HASIL GENERATED GII

CRUD GII menghasilkan inputan menjadi berbentuk text input. Di contoh ini kita coba mengganti inputan jenis kelamin drop dwon list  yang berisi data Pria dan Wanita.

Cara Mengubah text input menjadi statis drop down list langkahnya adalah sbb :

1       Buka folder views kemudian buka folder pegawai.
2.      Pilih _form.php
3.      Cari kode berikut ini

<?= $form->field($model, 'jenkel')->textInput() ?>

4.  Ubah textInput()  , menjadi sbb : dropDownList(['pria'=> 'Pria','wanita'=> 'Wanita'])

<?= $form->field($model, 'jenkel')->dropDownList(['pria'=> 'Pria','wanita'=> 'Wanita']) ?>

              

   

      5.  Simpan perubahan kemudian jalankan kembali aplikasinya maka tampilannya sbb :

MENGUBAH UKURAN TEXT INPUT HASIL GENERATED GII

CRUD GII menghasilkan ukuran text input yang panjang. Di contoh ini kita coba mengganti lebar text input NIP menjadi lebih kecil.

Cara Mengubah Ukuran text input menjadi lebih kecil. Langkahnya adalah sbb :

         1       Buka folder views kemudian buka folder pegawai.
         2.       Pilih _form.php
         3.       Cari kode berikut ini

<?php
use yii\helpers\Html;
use yii\widgets\ActiveForm;
?>

<div class="pegawai-form">

    <?php $form = ActiveForm::begin(); ?>


    <?= $form->field($model, 'nip')->textInput(['maxlength' => true]) ?>

Dst...

        4.       Ubah  dari kode asal sbb :

<?= $form->field($model, 'nip')->textInput(['maxlength' => true]) ?>

Tambahkan (['style'=>'width:200px'] Menjadi sbb :

<?= $form->field($model, 'nip')->textInput(['style'=>'width:200px'],['maxlength' => true]) ?>

        5.       Simpan perubahan kemudian jalankan kembali aplikasinya maka tampilannya sbb :

 

MENGUBAH LABEL/ CAPTION FIELD HASIL GENERATED GII

CRUD GII menghasilkan nama field sesuai dengan nama field asal. Di contoh ini kita coba mengganti jenkel menjadi Jenis Kelamin.

Cara Mengubah Caption Misal Jenkel menjadi Jenis Kelamin. Langkahnya adalah sbb :

1.            Buka folder models.
2.            Pilih nama model dalam contoh ini adalah Pegawai.php
3.            Cari fungsi/ function attributeLabels().

public function attributeLabels()
{
    return [
       
        'jenkel' => 'Jenkel',
        'status' => 'Status',
        'namakontak' => 'Namakontak',
        
    ];
}

     4.       Ubah ‘jenkel’ => menjadi ‘Jenis Kelamin’. Simpan kemudian jalankan kembali maka labelnya terlah berubah sbb :