confrariaweb / laravel-jkanban
为 Laravel 设计的 kanban 组件
dev-master
2020-03-09 20:23 UTC
This package is not auto-updated.
Last update: 2024-10-03 09:42:50 UTC
README
为 Laravel 提供的 kanban 包
https://github.com/riktar/jkanban
安装
composer require confrariaweb/laravel-jkanban
如何使用
首先需要创建一个 URL,用于返回预期的 JSON 数据,以填充 "boards"。请参阅 "Jkanban" 文档。
完成后,下一步是调用如下控制器中的服务:
$kanban = resolve('KanbanBuildService'); $setData['route'] = route('api.users.jkanban', ['api_token' => auth()->user()->api_token]); $setData['dropEl'] = 'var user_id = $(el).data(\'eid\'); var step_slug = target.parentElement.getAttribute(\'data-id\'); $.post("' . route('users.update.step', ['api_token' => auth()->user()->api_token]) . '", { user_id: user_id, step_slug: step_slug }, function (data, status) { //console.log(data); })'; $setData['click'] = 'var user_id = $(el).data(\'eid\'); window.location.replace("' . url()->to('meridien/users') . '/" + user_id);'; $kanban->setData($setData); $data['kanban'] = $kanban; return view('users.kanban', $data);
如上所示,您还可以注入 JavaScript 代码片段以实现 kanban 操作,这些注入如下:
- click - 当点击任何 board 的项目时调用的回调
- dragEl - 当拖动任何 board 的项目时调用的回调
- dragendEl - 当停止拖动任何 board 的项目时调用的回调
- dropEl - 当任何 board 的项目被拖放到 board 上时调用的回调
- dragBoard - 当停止拖动任何 board 时调用的回调
- dragendBoard - 当停止拖动任何 board 时调用的回调
- buttonClick - 当点击 board 的按钮时调用的回调
#视图
之后,只需在视图中调用组装 kanban 的方法,如下所示:
/*kanban.blade.php*/ {{ $kanban->mount() }}
许可证
Laravel 框架是开源软件,许可协议为 MIT 协议。