javascript - Laravel:按显示的数据或枚举排序和搜索，而不是按数据库表

Question

我正在使用 Laravel 5.6 和 yajira 数据表插件。

我想在其中一列中显示用户状态，这是数据库中 0-5 的数字，但我想在列中显示并显示为单词(新的、更新的、初始的等)

制作数据表的方法:

public function usersDatatable()
    {
        $query = User::with('jobrole')->select([
            'users.id',
            'users.first_name',
            'users.last_name',
            'users.email',
            'users.postcode',
            'users.preferred_role_id',
            'users.status',
        ]);

        return Datatables::of($query)
            ->addColumn('jobrole', function (User $user) {
                return $user->jobrole ? str_limit($user->jobrole->role, 30, '...') : '';
            })
            ->addColumn('status', function (User $user) {
                return $user->status_name;
            })
            ->addColumn('action', function (User $user) {
                return '<a href="' . route('users.show',$user->id).'" class="btn btn-sm btn-primary"><i class="fa fa-eye"></i></a>';
            })
            ->make(true);
    }

如您所见，status 返回为 $user->status_name，这是我的用户模型上的访问器方法:

public function getStatusNameAttribute()
    {
        return UserStatus::getDescription($this->status);
    }

而 UserStatus 枚举类具有将状态从数字转换为字符串的逻辑:

namespace App\Enums;

use BenSampo\Enum\Enum;

final class UserStatus extends Enum
{
    const Initial = 0;
    const New = 1;
    const Updated = 2;
    const Synced = 3;
    const Ignore = 4;

    /**
     * Get the description for an enum value
     *
     * @param  int  $value
     * @return string
     */
    public static function getUserStatus(int $value): string
    {
        switch ($value) {
            case self::Initial:
                return 'Initial';
            break;
            case self::New:
                return 'New';
            break;
            case self::Updated:
                return 'Updated';
            break;
            case self::Synced:
                return 'Synced';
            break;
            case self::Ignore:
                return 'Ignore';
            break;
            default:
                return self::getKey($value);
        }
    }
}

在 View 中，我通过 jQuery Ajax 和数据表获取数据，我在 View 中的代码如下:

$('#users-table').DataTable({
                processing: true,
                serverSide: true,
                ajax: '{!! route('users') !!}',
                columns: [
                    { data: 'id', width: '10', name: 'users.id' },
                    { data: null, render:function (data, type, row) {
                            return data.last_name+', '+data.first_name;
                        }, name: 'users.last_name'
                    },
                    { data: 'email', name: 'users.email' },
                    { data: 'postcode', name: 'users.postcode' },
                    { data: 'jobrole', name: 'jobrole.role' },
                    { data: 'status', name: 'user.status' },
                    { data: 'action', width: '10', name: 'action', orderable: false, searchable: false}
                ]
            });

现在，由于 name:user.status，搜索和排序将基于 user.status 列，它只是数字。有没有办法强制它使用显示的数据进行搜索和订购？请指出正确的方向。

Answer 1

解决方案 1

如果您有一个用户状态查找表(类似于 jobrole)，那将是最好的，您可以加入该表以获取状态名称。

解决方案 2

在您的情况下，我会让代码生成原始 CASE ... WHEN 子句。

例如:

$query = User::with('jobrole')->select([
    'users.id',
    'users.first_name',
    'users.last_name',
    'users.email',
    'users.postcode',
    'users.preferred_role_id',
    \DB::raw("
       (
          CASE
             WHEN status=0 THEN 'Initial'
             WHEN status=1 THEN 'New'
             WHEN status=2 THEN 'Updated'
             WHEN status=3 THEN 'Synced'
             WHEN status=4 THEN 'Ignore'
             ELSE '' 
          END
       ) AS status_name
    ")
]);

然后删除 addColumn('status') 语句。

然后在 JavaScript 中使用 { data: 'status_name', name: 'status_name' }。

请注意，使用 CASE ... WHEN 可能会影响性能。

解决方案 3

或者你可以使用 filterColumn()根据给定关键字过滤数字列的方法。

您只能使用此解决方案按数字状态进行排序。

解决方案 4

或者，您可以通过删除 serverSide: true 选项来使用客户端处理，并让 jQuery DataTables 进行排序/过滤。为此，您不需要 yajra 数据表，只需将对象数组作为 JSON 字符串返回即可。

这可能更简单，但它适用于几千条记录以下的小型数据集。