hiddenpathz/yii2-quick-edit-accordion

为 Yii2 设计的异步小部件,用于快速编辑属性

0.0.1 2024-03-04 09:10 UTC

This package is auto-updated.

Last update: 2024-09-04 10:11:33 UTC


README

描述

QuickEditAccordion 是一个为 Yii2 设计的部件,用于以手风琴布局显示数据,并具有行内编辑功能。它支持表格和列表视图,并使用 AJAX 进行异步数据更新。

安装

要安装 QuickEditAccordion 部件,请将其添加到您的 Yii2 项目中,通过在 composer.json 文件中包含它或将存储库克隆到您的项目目录中。

配置

部件提供了一些可定制的属性

  • type:显示类型('table''list')。默认为 'table'
  • action:表单数据将被发送保存的 URL。
  • items:手风琴中要显示的项目数组。
  • 用于自定义外观和行为的附加选项:optionsaccordionOptionslistStylelabelStylevalueStyle

示例用法

echo QuickEditAccordion::widget([
    'type' => 'list',
    'action' => Url::to(['controller/action']),
    'items' => [
        // Your items array
    ],
]);

JavaScript 功能

部件包含 JavaScript 代码以启用行内编辑功能。单击带有 .editable 类的元素将其转换为文本字段,允许用户修改其值。更改通过 AJAX 异步保存。

处理 AJAX 请求的控制器示例

public function actionSave() {
    Yii::$app->response->format = \yii\web\Response::FORMAT_JSON;
    $index = Yii::$app->request->post('index');
    $attribute = Yii::$app->request->post('attribute');
    $newValue = Yii::$app->request->post('newValue');

    // Logic for processing changes saving

    return ['success' => true, 'newValue' => $newValue];
}