TUTORIAL YII 2
Sabtu, 30 Mei 2020
Minggu, 10 Mei 2020
Senin, 21 Maret 2016
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
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
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.
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 :
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 :
Langganan:
Postingan (Atom)









