EditableColumn does not change the data

Follow [color="#0000FF"]THIS README[/color], I wrote code but [color="#FF0000"]EditableColumn[/color] does not work. This is the details:

1.Hit the link in EditableColumn, it works, a dialog box appears.

2.I change the content in the input box, and then hit the button APPLY, it does not work. the dialog box still there.

3.Close the dialog box, the link in the EditableColumn was not changed.

Can you help me?

This is my code:(\frontend\views\score\index.php)


use yii\helpers\Html;

// use yii\grid\GridView;

use kartik\grid\GridView;

use kartik\editable\Editable;

use yii\i18n\PhpMessage;

$this->title = 'scores';

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


<div class="score-index">

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

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


        $gridColumns = [

            // ...


                'class' => 'kartik\grid\EditableColumn',

                'attribute' => 'XM',

                // 'pageSummary' => 'Page Total',


                // 'headerOptions'=>['class'=>'kv-sticky-column'],

                // 'contentOptions'=>['class'=>'kv-sticky-column'],

                'editableOptions'=>['header'=>'Name', 'size'=>'md']


            // ...




        echo GridView::widget([

            'dataProvider' => $dataProvider,

            'filterModel' => $searchModel,

            'columns' => $gridColumns,

            'containerOptions' => ['style'=>'overflow: auto'], // only set when $responsive = false

            'pjax' => true,

            'bordered' => true,

            'striped' => false,

            'condensed' => false,

            'responsive' => true,

            'hover' => true,

            'floatHeader' => true,

            'floatHeaderOptions' => ['scrollingTop' => $scrollingTop],

            'showPageSummary' => true,

            'panel' =>


                    'type' => GridView::TYPE_PRIMARY





This is the video of the error


I asked this question at [color="#0000FF"]kartik-v/yii2-grid git site[/color], and the author, Kartik Visweswaran said:

[size="4"][color="#006400"]You would need to set your controller action to read, process the editable input and return a VALID ajax json response. Refer [color="#0000FF"]the yii2-editable documentation[/color] and especially [color="#0000FF"]the ajax processing section[/color] for details.[/color][/size]

I followed the documentation and could not solve this issue.

Now I want to know how to set my controller action to read, process the editable imput and return a VALID ajax json response.

Could you give me an example code about it?