Kartik Editable + Popover дополнительный функционал

147
03 марта 2018, 21:53

Подскажите пожалуйста как реализовать такой функционал, есть табличка (kartik gridview) с редактируемыми полями (editable) одно из полей - комментарий, ниже

[
            'class' => 'kartik\grid\EditableColumn',
            'attribute' => 'comment',
            'value' => function ($data) {
                if (!isset($data->comment)) {
                    $data->comment = 'комментарий...';
                }
                return $data->comment;
            },
            'label' => 'Комментарий',
            'noWrap' => false,
            'contentOptions' =>
                ['style' => 'max-width: 200px; overflow: auto; word-wrap: break-word; white-space: normal'],
            'editableOptions' =>
                function ($model, $key, $index) {
                    return [
                        'header' => 'Комментарий',
                        'inputType' => Editable::INPUT_TEXTAREA,
                        'size' => 'lg',
                        'placement' => 'bottom',
                        'options' => [
                            'class' => 'form-control',
                            'rows' => 4,
                            'pluginOptions' => [
                                'min' => 0,
                                'max' => 1000
                            ],
                            'formOptions' => [
                                'action' => ['/cart/quickset?p_id=' . $model->p_id . '&z_id=' . $model->z_id],
                            ]
                        ],
                    ];
                },
        ],

Возможно ли добавить кнопку, по нажатию которой в поле (textarea) где вводится комментарий добавлялась фраза 'Buy only at discount', все остальные кнопки оставить не тронутыми (сохранение, отмена...) Примерно как на рисунке.

Думаю что надо копать в сторону JS, как пример отрисовал span, при нажатии на который как раз должен срабатывать код, проблема в том, куда поместить и как этот спан и что должно быть в функции.

Что-то типа 'onclick'=>'$("#description").val("Buy only at discount")', но как задать ID этому полю через Editable... в PopoverX есть content, а здесь... Необязательно конечно спан, кнопка, ссылка, главное функционал, или может есть возможность реализовать это внутри блока конфига этого поля?

READ ALSO
Замена в select средством js

Замена в select средством js

Здравствуйте, есть такой скрипт и проблема происходит в том, что при выборе предыдущего варианта, он не заменяет тут значения, а добавляетПытался...

174
Изменение разметки для всех юзеров

Изменение разметки для всех юзеров

Как можно изменить разметку у всех юзеров, если event породил один?

165
Прогоресс бар выполнение задачи ajax+php

Прогоресс бар выполнение задачи ajax+php

есть такая задача: необходимо сделать прогресс бар для выполнения функции в phpесть такой цикл php

183
Ошибка при NPM RUN BUILD

Ошибка при NPM RUN BUILD

Работаю над проектом, где ReactJS-frontdend и Django-backendИспользую модуль coreapi (npm i coreapi) для работы с API на frontend'e

126