复选框列在使用Modal的yii2 gridview中不起作用

Question

I have a gridview . It displays the departments available in a college. When I click the row it populate the modal and Its shows the lecturer available for the selected department in kartik gridview .

In that I am using the kartik/grid/CheckboxColumn.

But when I click the Checkbox and get the selected rows through javacript, It doesn't return primary key associated with the record. If I execute the gridview without modal , then it works fine

           $this->registerJs("     
           $('#lect-logout').click(function() {
           var key = $('#w0-container').yiiGridView('getSelectedRows');
    alert(key);                                                                                                                                   
$.post(          
    '?r=lec-logout/logout',         
    {       
        id: $('#w0').yiiGridView('getSelectedRows'),
          },  
    function (data) {
        alert("ok");

    }   
);      

});
");

How to use that checkbox with the modal. Even I click select all option in checkbox. It doesn't select all the rows.

Controller Code

     public function actionIndex()
    {
            $searchModel = new CollegeSearch();
            $dataProvider =    $searchModel->search(Yii::$app->request->queryParams);
            return $this->render('index', [ 'searchModel' => $searchModel,  'dataProvider' => $dataProvider]);                                    
    }

   public function actionLecture()                                                                                                               
    {
            $model = new Accounts();
            if ($model->load(Yii::$app->request->post())) {
            return $this->redirect(['index']);
            }
            else{
            $searchModel = new LectureSearch();
            $dataProvider = $searchModel->search(Yii::$app->request->queryParams);

            return $this->renderAjax('lecture', ['searchModel' => $searchModel,'dataProvider' => $dataProvider]);
            }
    }

View CODE

index.php

        <?= GridView::widget([
            'dataProvider' => $dataProvider,
            'rowOptions' => function($model, $key, $index, $grid) {
            return ['id' => $model['account_id'], 'onclick' => 'getrow(this.id)'];
    },
            'columns' => [
            'displayname',
            ],
            ]); ?>

   <?php Modal::begin([
'id' => 'show-agents-modal',
    'size' => 'modal-lg',
'header' => '<h4 class="modal-title">View</h4>',
   ]);
      Modal::end(); ?>

Lecture.php

       <div class="pull-right">
      <?= Html::Button('Logout',['class'=>'btn btn-primary','id'=>'lect- logout']); ?>
     </div>
   <br>
        <?= GridView::widget([
    'dataProvider' => $dataProvider,
      //        'filterModel' => $searchModel,
    'columns' => [

         'first_name,

        ['class' => 'kartik\grid\CheckboxColumn'],
    ],
]); ?>

Answer 1

If you want to use yii\\grid\\CheckboxColumn then try this :

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

            [
                'class' => 'yii\grid\CheckboxColumn', 
                'checkboxOptions' => function($model, $key, $index, $column) {
                    return ['value' => $model->your_id];
                },
            ],
         .
         .
])?>