Wrong ID in rendered Javascript prevents EditableColumn from working

[synatree]

I've got an EditableColumn defined in a Grid in the following way:

    [
                'class' => 'kartik\grid\EditableColumn',
                'attribute' => 'bEnabled',
                'editableOptions' => function ($model, $key, $index){
                        return [
                                'header' => 'Status',
                                'size' => 'md',
                                'inputType' => Editable::INPUT_SWITCH,
                                'displayValueConfig' => ['0'=>'Off', '1'=>'On'],
                        ];
                },
                'refreshGrid' => true,
    ],

However, the page is rendered with the following JS (only the problematic line is included):

jQuery('#bEnabled-0').editable(editable_2cc45c8b)

The actual ID for the enclosing element is not bEnabled-0, but bEnabled-0-cont.

[synatree]

Interestingly, the hashVar contains the correct value.

var editable_2cc45c8b = {"containerId":"bEnabled-0-cont","defaultValue":"<em>(not set)<\/em>","placement":"right","target":".kv-editable-link","displayValueConfig":["Off","On"],"showAjaxErrors":true};

With yii2-grid 1.6.0, the hashVar that contains the pluginOptions no longer includes the containerId.

Even when the correct element is supplied to the .editable() call, the submit button handler never fires when the button is clicked. I don't know what I'm doing wrong, or if this is a bug. Everything was working at one point, and now suddenly the editable column seems to be mightily messed up.

[kartik-v]

The editable plugin is designed to be initialized on the editable input (inside the popover) and not on the container. So this is expected behavior. In fact there were some issues with the older implementation and hence there have been enhancements.

I hope you have upgraded to the latest release of yii2-editable and yii2-grid via composer. Related issue resolved recently.

[kartik-v]

You need to ensure you clean up your web assets and browser cache and restart/retry to remove any stale javascript/assets from old version.

[kartik-v]

I am working on updating this release. Please hold on.

[kartik-v]

Upgrade to latest release. You can check the grid demo of usage of two editable columns including one with TouchSpin widget.

Also importantly refer this web tip on setting up the editable column for manipulating records.