Tutorial Yii2 Bagian 15: Datepicker pada Filter Field Gridview

Posted on November 2, 2017November 2, 2017 by admin

Kali ini kita akan membuat datepicker pada filter field gridview yang berada di index.php. Modifikasi index.php yang berada di dalam folder backend/modules/settings/views/companies. Tambahkan

use dosamigos\datepicker\DatePicker;

1	use dosamigos\datepicker\DatePicker;

Dan

[
                'attribute'=>'company_start_date',
                'value'=>'company_start_date',
                'format'=>'raw',
                'filter'=>DatePicker::widget([
                    'model' => $searchModel,
                    'attribute' => 'company_start_date',
                        'clientOptions' => [
                            'autoclose' => true,
                            'format' => 'yyyy-m-d'
                        ]
                ])
            ],

[

'attribute'=>'company_start_date',

'value'=>'company_start_date',

'format'=>'raw',

'filter'=>DatePicker::widget([

'model' => $searchModel,

'attribute' => 'company_start_date',

'clientOptions' => [

'autoclose' => true,

'format' => 'yyyy-m-d'

]

])

Sehingga index.php menjadi seperti ini :

<?php

use yii\helpers\Html;
use yii\grid\GridView;
use dosamigos\datepicker\DatePicker;

/* @var $this yii\web\View */
/* @var $searchModel backend\models\CompaniesSearch */
/* @var $dataProvider yii\data\ActiveDataProvider */

$this->title = 'Companies';
$this->params['breadcrumbs'][] = $this->title;
?>
<div class="companies-index">

    <h1><?= Html::encode($this->title) ?></h1>
    <?php // echo $this->render('_search', ['model' => $searchModel]); ?>

    <p>
        <?= Html::a('Create Companies', ['create'], ['class' => 'btn btn-success']) ?>
    </p>

    <?= GridView::widget([
        'dataProvider' => $dataProvider,
        'filterModel' => $searchModel,
        'columns' => [
            ['class' => 'yii\grid\SerialColumn'],

            //'company_id',
            'company_name',
            'company_email:email',
            'company_address',
            [
                'attribute'=>'company_start_date',
                'value'=>'company_start_date',
                'format'=>'raw',
                'filter'=>DatePicker::widget([
                    'model' => $searchModel,
                    'attribute' => 'company_start_date',
                        'clientOptions' => [
                            'autoclose' => true,
                            'format' => 'yyyy-m-d'
                        ]
                ])
            ],
            //'company_start_date',
            // 'company_created_date',
            // 'company_status',
            // 'logo',

            ['class' => 'yii\grid\ActionColumn'],
        ],
    ]); ?>

</div>

<?php

use yii\helpers\Html;

use yii\grid\GridView;

use dosamigos\datepicker\DatePicker;

/* @var $this yii\web\View */

/* @var $searchModel backend\models\CompaniesSearch */

/* @var $dataProvider yii\data\ActiveDataProvider */

$this->title = 'Companies';

$this->params['breadcrumbs'][] = $this->title;

<h1><?= Html::encode($this->title) ?></h1>

<?php // echo $this->render('_search', ['model' => $searchModel]); ?>

<?= Html::a('Create Companies', ['create'], ['class' => 'btn btn-success']) ?>

<?= GridView::widget([

'dataProvider' => $dataProvider,

'filterModel' => $searchModel,

'columns' => [

['class' => 'yii\grid\SerialColumn'],

//'company_id',

'company_name',

'company_email:email',

'company_address',

[

'attribute'=>'company_start_date',

'value'=>'company_start_date',

'format'=>'raw',

'filter'=>DatePicker::widget([

'model' => $searchModel,

'attribute' => 'company_start_date',

'clientOptions' => [

'autoclose' => true,

'format' => 'yyyy-m-d'

]

])

//'company_start_date',

// 'company_created_date',

// 'company_status',

// 'logo',

['class' => 'yii\grid\ActionColumn'],

]); ?>

</div>

Hasilnya, pada index.php dapat di search berdasarkan tanggal : Tutorial ini sebagai dokumentasi dan pembelajaran pribadi sekalian belajar terjemahin bahasa Inggris, dan siapa tahu bermanfaat buat orang Read more about Tutorial Yii2 Bagian 15: Datepicker pada Filter Field Gridview[…]

Tutorial Yii2 Bagian 14 : Membuat DropDown Search Select2 Widget

Posted on November 2, 2017November 2, 2017 by admin

Sekarang kita akan membuat DropDown Search dengan menggunakan tools yang disediakan oleh vendor kartik-v yaitu Yii2 Select2 Widget. 1. Install Yii2 Widget Select2 dengan memberikan perintah ini pada directory advanced :

$ sudo php composer.phar require kartik-v/yii2-widget-select2 "@dev"

1	$ sudo php composer.phar require kartik-v/yii2-widget-select2 "@dev"

2. Modifikasi file _form.php yang berada di folder \backend\views\branches dengan menambahkan

<span class="pl-s1"><span class="pl-k">use</span> <span class="pl-c1">kartik\select2\Select2</span>;</span>

1	<span class="pl-s1"><span class="pl-k">use</span> <span class="pl-c1">kartik\select2\Select2</span>;</span>

dan copy paste dari web kartik :

<span class="pl-s1"><span class="pl-c1">echo</span> <span class="pl-smi">$form</span><span class="pl-k">-&gt;</span>field(<span class="pl-smi">$model</span>, <span class="pl-s"><span class="pl-pds">'</span>state_1<span class="pl-pds">'</span></span>)<span class="pl-k">-&gt;</span>widget(<span class="pl-c1">Select2</span><span class="pl-k">::</span>classname(), [</span>
<span class="pl-s1">    <span class="pl-s"><span class="pl-pds">'</span>data<span class="pl-pds">'</span></span> <span class="pl-k">=&gt;</span> <span class="pl-smi">$data</span>,</span>
<span class="pl-s1">    <span class="pl-s"><span class="pl-pds">'</span>language<span class="pl-pds">'</span></span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">'</span>de<span class="pl-pds">'</span></span>,</span>
<span class="pl-s1">    <span class="pl-s"><span class="pl-pds">'</span>options<span class="pl-pds">'</span></span> <span class="pl-k">=&gt;</span> [<span class="pl-s"><span class="pl-pds">'</span>placeholder<span class="pl-pds">'</span></span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">'</span>Select a state ...<span class="pl-pds">'</span></span>],</span>
<span class="pl-s1">    <span class="pl-s"><span class="pl-pds">'</span>pluginOptions<span class="pl-pds">'</span></span> <span class="pl-k">=&gt;</span> [</span>
<span class="pl-s1">        <span class="pl-s"><span class="pl-pds">'</span>allowClear<span class="pl-pds">'</span></span> <span class="pl-k">=&gt;</span> <span class="pl-c1">true</span></span>
<span class="pl-s1">    ],</span>
<span class="pl-s1">]);</span>

echo $form->field($model, 'state_1')->widget(Select2::classname(), [

'data' => $data,

'language' => 'de',

'options' => ['placeholder' => 'Select a state ...'],

'pluginOptions' => [

'allowClear' => true

],

]);

Ganti $data sehingga filenya menjadi Read more about Tutorial Yii2 Bagian 14 : Membuat DropDown Search Select2 Widget[…]

Tutorial Yii2 Bagian 13 : Membuat Bootstrap Style Datepicker

Posted on November 2, 2017November 2, 2017 by admin

Pada bagian ini kita akan menginstall tools dari vendor untuk membuat datepicker. Tools tersebut adalah Yii2 Datepicker widget yang disediakan oleh vendor 2amigos. 1. Install Yii2 datepicker widget dari 2amigos melalui composer :

sudo php composer.phar require 2amigos/yii2-date-picker-widget:~1.0

1	sudo php composer.phar require 2amigos/yii2-date-picker-widget:~1.0

Apabila sobat belum memiliki composer, install dahulu composer di directory advanced melalui perintah berikut :

curl -sS https://getcomposer.org/installer | php

1	curl -sS https://getcomposer.org/installer \| php

2. Tambahkan kolom company_create_date pada Read more about Tutorial Yii2 Bagian 13 : Membuat Bootstrap Style Datepicker[…]

Tutorial Yii2 Bagian 12 : Membuat Module

Posted on November 2, 2017November 2, 2017 by admin

Pada bagian 9 sebelumnya kita telah mempelajari bagaimana membuat CRUD dan Model Generator menggunakan Gii pada Yii2. Kali ini kita akan membuat module dengan module generator yang terdapat pada Yii2. 1. Buka http://localhost/advanced/backend/web/index.php?r=gii dan pilih module generator. Terdapat dua input untuk module Class dan module ID. Kita akan membuat sebuah modul Settings. Isikan Module Class : backend\modules\settings\Settings Read more about Tutorial Yii2 Bagian 12 : Membuat Module[…]

Tutorial Yii2 Bagian 11 : Search dari Tabel yang Berelasi

Posted on November 2, 2017November 2, 2017 by admin

Di bagian 9 kita telah berhasil mengganti angka menjadi tulisan yang lebih dimengerti dari tabel yang saling berelasi. Namun masih terdapat hal yang kurang, yaitu masih belum bisa dilakukan pencarian terhadap nama-nama tersebut. Disini kita akan memperbaikinya. 1. Modifikasi index.php yang berada pada folder /backend/views/branches untuk menambahkan search field.

        'columns' => [
            ['class' => 'yii\grid\SerialColumn'],
            [
                'attribute'=>'companies_company_id',
                'value'=>'companiesCompany.company_name',
            ],
            //'branch_id',
            'branch_name',
            'branch_address',
            'branch_created_date',
            'branch_status',

'columns' => [

['class' => 'yii\grid\SerialColumn'],

[

'attribute'=>'companies_company_id',

'value'=>'companiesCompany.company_name',

//'branch_id',

'branch_name',

'branch_address',

'branch_created_date',

'branch_status',

Search field tersebut belum bisa berfungsi. 2. Modifikasi model BranchesSearch.php yang berada Read more about Tutorial Yii2 Bagian 11 : Search dari Tabel yang Berelasi[…]

indocoder.com

Tag: tutorial yii2

Tutorial Yii2 Bagian 15: Datepicker pada Filter Field Gridview

Tutorial Yii2 Bagian 14 : Membuat DropDown Search Select2 Widget

Tutorial Yii2 Bagian 13 : Membuat Bootstrap Style Datepicker

Tutorial Yii2 Bagian 12 : Membuat Module

Tutorial Yii2 Bagian 11 : Search dari Tabel yang Berelasi