Membuat Button Toggle di GridView Yii2 + Pjax + Ajax

Membuat Button toggle di Grid view sedikit membuat pusing kepala ...apalagi newbe seperti saya heheh... setelah bertempur semalaman akhirnya saya mendapatkan scriptnya...
berikut arsip saya untuk Membuat Button Toggle di GridView Yii2 + Pjax + Ajax

dalam hal ini saya asumsikan anda sudah menguasai Yii gridview dan konfig dasar dari yii2 , saya menggunakan yii2 Advance template...



kasus kali ini saya memiliki tabel post_item dan terdapat kolom status , kolom status digunakan untuk menandai jika postingan ber status terpublih atau tidak terpublish


pertama tama kita atur script tampilan di View :

kita membuat value dari kolom status menjadi sebuah tombol agar nantinya saat kita klik tombol tersebut akan mengupdate value status di table post_item:
berikut script nya:

INDEX VIEW

<?php Pjax::begin(['id'=>'postlist']); ?>     <!--berikan id untuk Pjax -->                <?= GridView::widget([
                    'dataProvider' => $dataProvider,
                    'filterModel' => $searchModel,
                    'columns' => [
                        // ------ kolom lainnya ---                        [
                            'label' => 'Published',
                            'format' => 'raw',
                            'value' => function($data,$key,$index){
                            $data['status'] == '0' ? ( $pub = 'Not Publish' ) : ( $pub = 'Published' ); // untuk mengganti tulisan di publish button               
                            return yii\bootstrap\Html::Button($pub,[
                                    'onclick' => '$.ajax({ '
                                          . 'type:"POST", '
                                          . 'url:"'.Url::to(['post-item/publish']).'", '   //memanggil function publish
                                          . 'data:"model="+'.$data['id'].','     //model adalah variable penampung data yang akan di kirim $data['id'] data yang akan di kirim atau POST                                          . 'dataType:"json",'
                                          . 'success:function(data){ '
                                            . ' $.pjax.reload({container:"#postlist"});'   //refresh bagian Pjax yang mempunyai ID postlist (sesuai kan id di pjax anda)                                            . '}, '
                                        . 'error: function(data){ '
                                            . 'alert( "Error occured.please try again " ); alert(data) ; '
                                            . '},'
                                        . 'dataType:"html"'
                                        . '});',
                                ]);
                            }
                          ],
                      //  ------ kolom lainnya ---     
                        ['class' => 'yii\grid\ActionColumn'],
                    ],
                ]); ?>
            <?php Pjax::end(); ?>   

CONTROLLER

//--- function di controler yang lainnya -- protected function findModel($id)
    {
        if (($model = PostItem::findOne($id)) !== null) {
            return $model;
        } else {
            throw new NotFoundHttpException('The requested page does not exist.');
        }
    }

 public function actionPublish(){
        if (Yii::$app->request->isAjax){        //memeriksa request jika tombol publis di tekan             if(\Yii::$app->request->post('model')){    //memeriksa apakah variable model yang ada di index view telah di POST                     $id = $_POST['model'];    // mengambil data dari variable model  saya mengisinya dengan $data['id'] value id atau primary key dari tabel post_item                    $model = $this->findModel($id);  //pengambilan atau pencarian data di table post_item dengan function find model// kode tambahan anda sendiri                    $model->update_at = date("Y-m-d\TH:i:sO");
                    $model->setPublish();  
// kode tambahan anda sendiri                    $model->save();    //simpan atau update data            }
         
         
        }
    }
//--- function di controler yang lainnya --

Kode di atas adalah bentuk sederhana , sulahkan mengcostume sendiri untuk tampilan button atau persiapan sebelum melakukan save model atau mengembangkannya

berikut hasilnya:

Demikian yang bisa saya share sekaligus untuk arsip saya .