Laravel-nova 增加拖动排序

Nova sortable

Laravel Nova的索引资源添加排序功能

REP (Github)[https://github.com/ofcold/nova-sortable]

(Novapackages)[https://novapackages.com/packages/ofcold/n...]

安装

composer require ofcold/nova-sortable

使用

  • 添加排序字段到你的 database migrations file.

Example

$table->unsignedInteger('sort_order')->nullable();
  • 在Model中use

use Ofcold\NovaSortable\SortableTrait;

class Entry extends Model
{
    use SortableTrait;
}
  • 指定是否需要对资源进行排序。
class Example extends Resource
{
    /**
     * Build an "index" query for the given resource.
     *
     * @param  \Laravel\Nova\Http\Requests\NovaRequest  $request
     * @param  \Illuminate\Database\Eloquent\Builder  $query
     *
     * @return \Illuminate\Database\Eloquent\Builder
     */
    public static function indexQuery(NovaRequest $request, $query)
    {
        $query->when(empty($request->get('orderBy')), function (Builder $q) {
            $q->getQuery()->orders = [];
            return $q->orderBy(static::$model::orderColumnName());
        });

        return $query;
    }

    /**
     * Prepare the resource for JSON serialization.
     *
     * @param  \Laravel\Nova\Http\Requests\NovaRequest  $request
     * @param  \Illuminate\Support\Collection  $fields
     *
     * @return array
     */
    public function serializeForIndex(NovaRequest $request, $fields = null)
    {
        return array_merge(parent::serializeForIndex($request, $fields), [
            'sortable'  => true
        ]);
    }
}

更改排序字段名称。

您只需要在Model中更改方法'orderColumnName'。

/*
 * Determine the column name of the order column.
 */
public static function orderColumnName(): string
{
    return 'your sort order column name';
}

Demos

demos.gif?sanitize=true

本作品采用《CC 协议》,转载必须注明作者和本文链接
Ryan
Mumujin
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!