Как использовать переключатель bootstarp для флажка с помощью laravel yajra datatable - PullRequest
Новая
       13

Как использовать переключатель bootstarp для флажка с помощью laravel yajra datatable

1 голос
/ 10 мая 2019

Я использую yajra/datatables, yajra/datatables-html, yajra/laravel-datatables-oracle.

Я следовал учебнику yajra / datatables-html для «редактирования столбца» с атрибутом bootstraptoogle, а также включил togle загрузочного диска jsс css, но boottarp toogle не работает.

Может быть, я что-то упускаю, потому что, если я пытаюсь показать таблицу через контроллер, я могу увидеть данные, но, конечно, кнопка-флажок boottrap toogle не применяется. 

PHP Version: 7.1.3
Laravel Version: 5.8
Yajra/laravel-datatables Version: ^1.5
Yajra/laravel-datatables-html Version: ^4.4
Yajra/laravel-datatables-oracle Version: ^9.2

Это код моего файла Blade 

{!! $html->table(['class'=>'table table-hover datatable mdl-data-table dataTable']) !!}

Это функция моего контроллера 

use DataTables;
use App\Doctor;`enter code here`
use Illuminate\Http\Request;
use Yajra\DataTables\Html\Builder;

/**
 * Build DataTable class.
 *
 */
class AdminController extends Controller
{
    public function doctor(Builder $builder)
    {
        if (request()->ajax()) {
            $model = Doctor::query();

            return DataTables::eloquent($model)
                ->editColumn('status', function(Doctor $doctor) {
                    $checkedStatus = ($doctor->status == 1) ? 'checked' : '';
                    return '<input type="checkbox" id="dl-admin-toggle" "'.$checkedStatus.'" data-toggle="toggle" data-on="Ready" data-off="Not Ready" data-onstyle="success" data-offstyle="danger" />';
                })
                ->rawColumns(['status'])
                ->toJson();
        } 

        $page_title = 'Doctor';
        $html = $builder->columns([
                                    ['data' => 'id', 'name' => 'Id', 'title'=>'Invoice Link'],
                                    ['data' => 'name', 'name' => 'Fisrt Name', 'title'=>'First Name'],
                                    ['data' => 'status', 'name' => 'Status', 'title'=>'Status']
                                 ])->parameter([
                                    'initComplete'=> 'function() {
                                        $('.dl-admin-toggle').bootstrapToggle()
                                    }
                                ]);

        return view('admin.doctor', compact('html','page_title'));
    }
}
...