我有一個 Laravel 8 專案，我在專案中添加了兩個新標簽。但是，我現在只將它們添加到HTML部分。我添加的這些新標簽作為HTML作業，但在專案中有一個名為標簽串列的頁面，內容是根據它們的標簽列出的。此串列頁面上有一個列，并且有標簽。
以前只有兩個標簽：
MainFeed
Normal Tag
目前有以下四個標簽：
MainFeed
Normal Tag
Collection Tag
Brand Tag
但是，我無法顯示我在此標簽串列頁面的標簽列中添加的這兩個新標簽。
create.blade.php我在和edit.blade.php頁面中添加了這兩個標簽。我將這兩個頁面的 HTML 代碼留在下面。我提到的標簽串列頁面中的串列來自index.blade.php檔案的一部分。這就是為什么我認為我不能顯示我剛剛添加的標簽的原因是因為那部分。但無論我做什么，我都無法弄清楚。反正我不擅長寫劇本。這就是我想問你的原因。我還將 index.blade.php 檔案的部分留在下面。你可以從那里看。
創建.blade.php
@section('content')
<div class="p-5">
<div class="row justify-content-center">
<div class="col-lg-10">
{{ Form::open(array('url' => 'admin-panel/tags','method' => 'POST','files' => true)) }}
{{ Form::token() }}
<div class="card">
<div class="card-header row mx-0">
<div class="mr-auto">
Tag
</div>
<div class="ml-auto">
{{ Form::submit('Create',['class' => 'btn btn-success btn-sm py-2 px-4 rounded']) }}
</div>
</div>
<div class="card-body">
<div class="row">
<div class="col-lg-12">
<div class="row">
<div class="col-lg-3">
{{ Form::label('name','Tag Name') }}
{{ Form::text('tags[name]','',['required',"class"=>"form-control form-control-sm","placeholder"=>"Name"]) }}
</div>
<div class="col-lg-1">
{{ Form::label('order','Tag Order') }}
{{ Form::text('tags[order]',1,['required',"class"=>"form-control form-control-sm","placeholder"=>"Name"]) }}
</div>
<div class="col-lg-3">
{{ Form::label('isMainTag','Is Main Tag') }}
<select name="tags[isMainPage]" class="form-control form-control-sm">
<option value="0">Normal Tag</option>
<option value="1">Main Feed Tag</option>
<option value="2">Collection Tag</option>
<option value="3">Brand Tag</option>
</select>
</div>
<div class="col-lg-2">
{{ Form::label('color','Course Background Color') }}
<input type="text" data-jscolor="{}" class="color-picker form-control form-control-sm {{$errors->has('color') ? ' border-danger' : ''}}" id="color" name="tags[color]" value="{{old('color')}}">
<small class="form-text text-danger">{!! $errors->first('color') !!}</small>
</div>
<div class="col-lg-5">
<div class="col-lg-12">
{{ Form::label('categories','Categories') }}
{{ Form::select('categories[]',$categories->pluck('name','id') ,null , ['id'=>'tags','style'=>'width:100%','class'=>'form-control form-control-sm searchable_dropdown_multiple','multiple' => 'multiple']) }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{{ Form::close() }}
</div>
</div>
</div>
@endsection
編輯刀片.php
@section('content')
<div class="p-5">
<div class="row justify-content-center">
<div class="col-lg-10">
{{ Form::open(array('url' => 'admin-panel/tags/'.$tag->id,'method' => 'PUT','files' => true)) }}
{{ Form::token() }}
<div class="card">
<div class="card-header row mx-0">
<div class="mr-auto">
Tag
</div>
<div class="ml-auto">
{{ Form::submit('Update',['class' => 'btn btn-success btn-sm py-2 px-4 rounded']) }}
</div>
</div>
<div class="card-body">
<div class="row">
<div class="col-lg-12">
<div class="row">
<div class="col-lg-3">
{{ Form::label('name','Tag Name') }}
{{ Form::text('tags[name]',$tag->name,['required',"class"=>"form-control form-control-sm","placeholder"=>"Name"]) }}
</div>
<div class="col-lg-1">
{{ Form::label('order','Tag Order') }}
{{ Form::text('tags[order]',$tag->order,['required',"class"=>"form-control form-control-sm","placeholder"=>"Name"]) }}
</div>
<div class="col-lg-3">
{{ Form::label('isMainTag','Is Main Tag', 'Collection Tag', 'Brand Tag') }}
<select name="tags[isMainPage]" class="form-control form-control-sm">
<option @if($tag->isMainPage==0) selected @endif value="0">Normal Tag</option>
<option @if($tag->isMainPage==1) selected @endif value="1">Main Feed Tag</option>
<option @if($tag->isMainPage==2) selected @endif value="2">Collection Tag</option>
<option @if($tag->isMainPage==3) selected @endif value="3">Brand Tag</option>
</select>
</div>
<div class="col-lg-2">
{{ Form::label('color','Course Background Color') }}
<input type="text" data-jscolor="{}" value="{{ $tag->color }}" class="color-picker form-control form-control-sm {{$errors->has('color') ? ' border-danger' : ''}}" id="color" name="tags[color]" value="{{old('color')}}">
<small class="form-text text-danger">{!! $errors->first('color') !!}</small>
</div>
<div class="col-lg-1">
@if($tag->color!=null)
<div class="border" style='background:{{$tag->color}};width: 100px;height: 100px' > </div>
@endif
</div>
<div class="col-lg-5">
<div class="col-lg-12">
{{ Form::label('categories','Categories') }}
{{ Form::select('categories[]',$categories->pluck('name','id') ,$tag->categories->pluck('id') , ['id'=>'tags','style'=>'width:100%','class'=>'form-control form-control-sm searchable_dropdown_multiple','multiple' => 'multiple']) }}
</div>
</div>
</div>
</div>
<div class="col-lg-12 my-5">
<div class="row">
<div class="col-lg-3">
{{ Form::label('type','Tag Type') }}
{{ Form::select('fields[type]',['Collection' => 'Collection Tag','Normal' => 'Normal Tag','NonPayout' => 'Non-Payout Tag'],$tag->getField('type') ?? 'Normal',["class"=>"form-control form-control-sm"]) }}
</div>
<div class="col-lg-3">
{{ Form::label('name','Brand Name') }}
{{ Form::text('fields[brand_name]',$tag->getField('brand_name'),["class"=>"form-control form-control-sm","placeholder"=>"Brand Name"]) }}
</div>
<div class="col-lg-3">
{{ Form::label('description','Brand Description') }}
{{ Form::text('fields[brand_description]',$tag->getField('brand_description'),["class"=>"form-control form-control-sm","placeholder"=>"Brand Description"]) }}
</div>
<div class="col-lg-3">
{{ Form::label('logo','Brand Logo') }}
{{ Form::file('file_fields[brand_logo]',["class"=>"form-control form-control-sm",'accept'=>'.png,.jpg,.jpeg']) }}
@if($tag->getField('brand_logo')!=null)
<div class="mt-2 text-center">
<p>Current Logo</p>
<img src="{{ $tag->getField('brand_logo')}}" height="100" width="100">
</div>
@endif
</div>
</div>
</div>
</div>
</div>
</div>
{{ Form::close() }}
</div>
</div>
</div>
@endsection
index.blade.php - @section('scripts')
@section('scripts')
<script>
$(function() {
var token = $("meta[name = 'csrf-token']").val();
$('#tags_table').DataTable({
responsive: true,
processing: true,
serverSide: true,
ajax: {url:'/admin-panel/tags/getDatatable',dataSrc:'data'},
columns: [
{data: 'id'},
{data: 'name'},
{data: 'color',
render: function( data, type, full, meta ) {
return "<div style='background: " data ";width: 50px;height: 50px' > </div>";
}
},
{data: 'isMainPage',
render: function( data, type, full, meta ) {
var classTag = data ? 'text-success' : 'text-secondary';
var res = data ? 'MainFeed' : 'Normal Tag';
return '<p class=\"' classTag '\">' res '</p>';
}
},
{data: 'order'},
{data: 'course_number'},
{data: 'categories'},
{data: 'action', name: 'action', orderable: false, searchable: false}
],
order: [[3, 'desc'],[4,'asc']],
dom: 'Bfrtip',
lengthMenu: [[10, 25, 50, -1], [10, 25, 50, "All"]],
buttons: [
'pageLength','copy', 'excel', 'pdf',
{
extend: 'searchBuilder',
config: {
clearAll: 'Reset',
title: 'Search Builder Title',
depthLimit: 2,
}
},
],
});
});
$('#tags_table').on('click', '.btn-delete', function (e) {
e.preventDefault();
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
var url = $(this).data('remote');
// confirm then
$.ajax({
url: url,
type: 'DELETE',
dataType: 'json',
data: {method: '_DELETE', submit: true},
success: function (data) {
console.log("it Work");
console.log(data);
},
error: function (xhr, ajaxOptions, thrownError) {
alert(xhr.status ' ' thrownError ' Objeye Ba?l? Objeler Oldu?u ??in Silinemedi. ?nce Ba?l? Objeleri Temizleyiniz');
}
}).always(function (data) {
$('#tags_table').DataTable().draw(false);
});
});
</script>
@endsection
我在截圖中用紅色標記的內容的標簽實際上是Collection Tag，但是正如我在上面的問題中提到的那樣，我無法顯示它。而是將其列為 MainFeed。
TagController - 獲取資料表
{
return DataTables::of(Tag::select(['id','name','color','order','isMainPage']))
->addColumn('course_number', function (Tag $tag) {
return count($tag->courses);
})->addColumn('categories', function (Tag $tag) {
return $tag->categories->implode('name',',');
})
->addColumn('action', function($row){
$btn = '<a href="/admin-panel/tags/'.$row['id'].'" >View</a>';
$btn = $btn.'<a href="/admin-panel/tags/'.$row['id'].'/edit" >Edit</a>';
$btn = $btn.'<a href="javascript:void(0)" data-remote="/admin-panel/tags/'.$row['id'].'" >Del</a>';
return $btn;
})->make(true);
}
uj5u.com熱心網友回復：
這里：
{data: 'isMainPage',
render: function( data, type, full, meta ) {
var classTag = data ? 'text-success' : 'text-secondary';
var res = data ? 'MainFeed' : 'Normal Tag';
return '<p class=\"' classTag '\">' res '</p>';
}
},
更改：
{data: 'isMainPage',
render: function(data, type, full, meta) {
var classTag = data ? 'text-success' : 'text-secondary';
var res = '';
switch (parseInt(data)) {
case 0:
res = 'Normal Tag';
break;
case 1:
res = 'Main Feed Tag';
break;
case 2:
res = 'Collection Tag';
break;
case 3:
res = 'Brand Tag';
break;
default:
res = 'Normal Tag';
break;
}
return '<p class=\"' classTag '\">' res '</p>';
}
},
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/520029.html
上一篇：當我按下添加或洗掉按鈕時，我的前端列印出“類別成功添加”和“類別成功洗掉”
下一篇：Laravel如何忽略空引數號