承接 xxxgmsxxx/yii2-edit-data-column 相关项目开发

从需求分析到上线部署,全程专人跟进,保证项目质量与交付效率

邮箱:yvsm@zunyunkeji.com | QQ:316430983 | 微信:yvsm316

xxxgmsxxx/yii2-edit-data-column

Composer 安装命令:

composer require xxxgmsxxx/yii2-edit-data-column

包简介

Column class for standart Yii2 grid with simple edit data

README 文档

README

  1. Что это и зачем?
  2. Установка
  3. Добавление в GridView

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

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

Скриншот

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

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

2. Установка

Установить можно двумя способами: из репозитория на 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) Установка из пакета

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

     composer require xxxgmsxxx/yii2-edit-data-column
    
  • не выходя из консоли выполните

     composer install
    

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

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

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

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

<?= GridView::widget([
    'dataProvider' => $dataProvider,
    'filterModel'  => $searchModel,
    'columns'      => [
        [
            'attribute'     => 'tag',
            'headerOptions' => [
                'width' => '300px',
            ],
            'class'         => xxxgmsxxx\EditDataColumn\EditDataColumn::class,
            'ajaxUrl'       => '/tags/ajax-edit',
        ],  

Если таких колонок несколько - лучше в начале скрипта добавить инструкцию use, а сам класс писать уже без пути:

<?php
use xxxgmsxxx\EditDataColumn\EditDataColumn;
?>
...
<?= GridView::widget([
    'dataProvider' => $dataProvider,
    'filterModel'  => $searchModel,
    'columns'      => [
        [
            'attribute'     => 'tag',
            'headerOptions' => [
                'width' => '300px',
            ],
            'class'         => EditDataColumn::class,
            'ajaxUrl'       => '/tags/ajax-edit',
        ],  

Адрес обработчика надо передавать в параметре ajaxUrl, он может быть как относительным, так и абсолютным. Если не передать адрес обработчика, но будет использован стандартный вида /ajax/edit-<атрибут>

Далее надо создать сам обработчик. Требования к обработчику:

  • он должен принимать параметры id и value - соответственно, в первом будет значение поля id редактируемой модели, а во втором - текст из поля ввода, так же может принимать параметр attribute - в нём передаётся название поля

  • возвращать обработчик должен JSON у когорого одно обязательное поле - result и необязательное message Первое имеет тип boolean и указывает, удалось ли обновить данные, второе содержит расширенное сообщение об ошибке на случай, если обновить не удалось

Пример обработчика (взят из того же проекта, что и скриншот):

public function actionAjaxEdit()
{
    if (!Yii::$app->request->isAjax) {
        throw new ForbiddenHttpException('Only AJAX request accept!');
    }

    $id = Yii::$app->request->post('id', false);
    if ($id === false) {
        throw new NotAcceptableHttpException('You must send "id" parameter!');
    }

    $value = Yii::$app->request->post('value', false);
    if ($value === false) {
        throw new NotAcceptableHttpException('You must send "value" parameter!');
    }

    $attribute = Yii::$app->request->post('attribute', false);
    if ($attribute === false) {
        $attribute = 'tag';
    }

    $model = Tags::findOne(['id' => $id]);

    $result = [
        'result'  => true,
        'message' => '',
    ];

    if (!$model) {
        $result = [
            'result'  => false,
            'message' => 'Model not found!',
        ];
    } else {
        $model->$attribute = $value;
        if (!$model->save()) {
            $result = [
                'result'  => false,
                'message' => 'Error on save' . ($model->hasErrors($attribute) ? '!' : ': ' . $model->getFirstError($attribute)),
            ];
        }
    }

    return json_encode($result);
} 

Классы для кнопок и их содержимое пока не меняются, это в планах.

xxxgmsxxx/yii2-edit-data-column 适用场景与选型建议

xxxgmsxxx/yii2-edit-data-column 是一款 基于 PHP 开发的 Composer 扩展包,目前已累计 5 次下载、GitHub Stars 达 0, 最近一次更新时间为 2021 年 02 月 04 日, 在 PHP 生态内属于活跃度较高的组件。

它主要适用于以下技术方向: 「grid」 「yii2」 「yii 2」 等业务场景。在实际项目中,围绕这些方向常见需要落地的问题包括:接口对接、性能调优、并发安全、与既有框架(Laravel / ThinkPHP / Yii / Webman 等)的兼容适配,以及生产环境的日志埋点与稳定性保障。

我们在过去多个企业项目中使用过 xxxgmsxxx/yii2-edit-data-column 或与其功能相近的方案,如果你在选型或落地过程中遇到问题,例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查,欢迎联系我们协助评估。

围绕 xxxgmsxxx/yii2-edit-data-column 我们能提供哪些服务?
定制开发 / 二次开发

基于 xxxgmsxxx/yii2-edit-data-column 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。

BUG 修复 & 性能优化

线上偶发问题、内存泄漏、慢查询、并发异常等排查修复;针对高流量场景做缓存、队列、索引层面的调优。

项目外包 & 长期维护

承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维;也可按月提供技术保姆服务。

yvsm@zunyunkeji.com QQ:316430983 微信:yvsm316 西安尊云信息科技 · 专注 PHP / Go / 分布式系统研发

统计信息

  • 总下载量: 5
  • 月度下载量: 0
  • 日度下载量: 0
  • 收藏数: 0
  • 点击次数: 0
  • 依赖项目数: 0
  • 推荐数: 0

GitHub 信息

  • Stars: 0
  • Watchers: 1
  • Forks: 0
  • 开发语言: PHP

其他信息

  • 授权协议: BSD-3-Clause
  • 更新时间: 2021-02-04