hiddenpathz / yii2-quick-edit-accordion
为 Yii2 设计的异步小部件,用于快速编辑属性
0.0.1
2024-03-04 09:10 UTC
Requires
- php: >=7.4
- yiisoft/yii2: ~2.0.14
- yiisoft/yii2-bootstrap: ~2.0.0 || ~2.1.0
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
:手风琴中要显示的项目数组。- 用于自定义外观和行为的附加选项:
options
、accordionOptions
、listStyle
、labelStyle
、valueStyle
。
示例用法
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]; }