PHPackages                             xxxgmsxxx/yii2-edit-data-column - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. xxxgmsxxx/yii2-edit-data-column

ActiveYii2-extension

xxxgmsxxx/yii2-edit-data-column
===============================

Column class for standart Yii2 grid with simple edit data

1.01.004(1y ago)05BSD-3-ClausePHP

Since Feb 4Pushed 1y ago1 watchersCompare

[ Source](https://github.com/xxxgmsxxx/yii2-edit-data-column)[ Packagist](https://packagist.org/packages/xxxgmsxxx/yii2-edit-data-column)[ RSS](/packages/xxxgmsxxx-yii2-edit-data-column/feed)WikiDiscussions main Synced 2d ago

READMEChangelog (6)Dependencies (2)Versions (6)Used By (0)

Редактируемая колонка для GridView в Yii2
=========================================

[](#редактируемая-колонка-для-gridview-в-yii2)

1. [Что это и зачем?](#link1)
2. [Установка](#link2)
3. [Добавление в GridView](#link3)

1. Что это и зачем?
----------------------------------------------------

[](#1-что-это-и-зачем)

Это дополнительный класс для колонки в компоненте `yii\grid\GridView` Yii2, он наследует стандартный для GridView класс колонки `yii\grid\DataColumn` и отличается только возможностью редактирования непосредственно в таблице. Как выглядит:

[![Скриншот](src/docs/1.png)](src/docs/1.png)

При клике на текст в ячейке этой колонки появляется поле ввода и две кнопки: применить и отмена. Данные на сервер отправляются аяксом.

Для работы надо установить компонент через Composer, сделать обработчик запроса AJAX, как будет описано ниже и присвоить выбранной колонке класс xxxgmsxxx/EditDataColumn.

2. Установка
---------------------------------------------

[](#2-установка)

Установить можно двумя способами: из репозитория на Github или из пакета

### a) Установка из репозитория на Github

[](#a-установка-из-репозитория-на-github)

- открыть файл composer.json в корневой папке проекта
- найти там секцию `"repositories"` и добавить в нее репозиторий:

    ```
     {
         "type": "vcs",
         "url": "https://github.com/xxxgmsxxx/yii2-edit-data-column"
     }

    ```
- если секция `"repositories"` отсутствует - её надо создать:

    ```
     "repositories": [
         {
             "type": "vcs",
             "url": "https://github.com/xxxgmsxxx/yii2-edit-data-column"
         }
     ]

    ```
- далее надо добавить в секцию `"require"` пакет:

    ```
     "xxxgmsxxx/yii2-edit-data-column": "@dev"

    ```
- зайдите в консоль и выполните

    ```
     composer install

    ```

### b) Установка из пакета

[](#b-установка-из-пакета)

- зайдите в корневой каталог проекта, откройте консоль и выполните:

    ```
     composer require xxxgmsxxx/yii2-edit-data-column

    ```
- не выходя из консоли выполните

    ```
     composer install

    ```

3. Добавление в GridView
---------------------------------------------------------

[](#3-добавление-в-gridview)

Для работы колонки нужно выполнить два условия:

- настроить колонку
- сделать обработчик на стороне сервера

Для настройки колонки необходимо задать класс колонки, опционально - адрес обработчика:

```