Я хотел отобразить все изображения текущего продукта на модальной

У меня есть дата, который отображает продукт (продукт). Каждый продукт имеет много изображений. У меня проблема с получением идентификатора продукта для использования на foreach.

Это мой модальный вид

<div id="pictureShows" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title"></h4>
</div>
<div class="modal-body">
<form class="form-horizontal" id="formulir">
{{csrf_field()}}
<input type="text" hidden="" id="pictureShowsID" name="pictureShowsID">
</form>
@if(count($gambar)>0)
@foreach($gambar->where('id_prod', $id_prod) as $gb)
<img id="pictures" src="/liravel/public/{{$gb->lokasi}}">
@endforeach
@endif
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
</div>
</div>
</div>
</div>

Это мой код данных

var g = $('#tabelProduk').DataTable({
"ajax":"produk/array",
"language":{"url":"http://cdn.datatables.net/plug-ins/1.10.9/i18n/Indonesian.json"},
"columns":[
{bSortable: false,
data:null,
className: "center",
render: function(a){
return"<div class='dropdown'><button class='btn btn-default dropdown-toggle' data-toggle='dropdown'><li class='fa fa-cog'></li></button><ul class='dropdown-menu'><li><a href='#' data-toggle='modal' data-target='#ediProduk' data-id='"+a.id_prod+"' data-jps='"+a.id_jps+"' data-produk='"+a.produk+"' data-deskripsi='"+a.deskripsi+"' class='EditProduk' id='EditProduk'><span class='fa fa-edit'></span>Edit</a></li><li><a href='#' data-toggle='modal' data-target='#hapusProduk' class='HapusProduk' id='HapusProduk' data-id="+a.id_prod+"><span class='fa fa-remove'></span>Hapus</a></li><li><a href='#' data-toggle='modal' data-target='#uploadpicProduks' class='pictureUploadProduks' data-id='"+a.id_prod+"'><span class='fa fa-upload'></span>Upload Gambar</a></li><li><a href='#' data-toggle='modal' data-target='#uploadpicProduk' class='pictureUploadProduk' data-id="+a.id+"><span class='fa fa-upload'></span>Ubah Gambar</a></li><li><a href='#' data-toggle='modal' data-target='#hapusProdukGambar' class='HapusProdukGambar' id='HapusProdukGambar' data-id="+a.id+"><span class='fa fa-remove'></span>Hapus Gambar</a></li></ul></div></ul></div>";
},
},
{"data":"id_prod"},
{"data":"jps"},
{"data":"produk"},
{
data:null,
render: function ( data ) {
return"<button class='btn btn-default pictureShows' data-id='"+data.id_prod+"' id='pictured' data-target='#pictureShows'><i class='fa fa-search'></i></button></form>";
},
className: "center"},
],
"order":[[0, 'asc']],
});
g.on('order.dt search.dt', function(){
g.column(1, {search:"applied", order:"applied"}).nodes().each(function(cell, i){
cell.innerHTML = i+1;
});
}).draw();

[Просмотр данных]

Я хотел отобразить все изображения каждого продукта на модалке. Кто-нибудь может помочь?

0

Решение

поместите get id в data-target в теге a и в id модальный. не забудьте положить внутрь foreach

@foreach($data as $ datas)
<a href='#' data-toggle='modal' data-target='#pictureShows-$datas->id'>

<div id="pictureShows-{{$datas->id}}" class="modal fade" role="dialog">
// code
</div>
@endforeach

не ставьте специальный символ, как ‘?’, ‘=’, модальный не получит идентификатор

0

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector