L'affichage de l'image sur la Datatable
Salut les gars je suis en utilisant le serveur de traitement côté pour lire la table de base de données et de convertir les données en Json fichier, et de le passer à la table de base de données pour afficher les données.
lecture de la base de données et de le convertir en json
code:
Route::get('banner/list/banners/json/{id}', function ()
{
$banner = DB::table('banner_creatives')->where('Id','=','53')->get();
$recordsTotal = count($banner);
$data['draw'] = 1;
$data['recordsTotal'] = $recordsTotal;
$data['recordsFiltered'] = $recordsTotal;
$data['data'] = $banner;
return Response::json($data);
});
Sortie Json:
{"draw":1,"recordsTotal":1,"recordsFiltered":1,"data":[{"id":1,"bId":26,"cId":53,"bName":"32_32_53.jpeg","storageType":"url","width":32,"height":32,"weight":1,"imageURL":"localhost:8000\\\/banner\\\/view\\\/32_32_53.jpeg","clickURL":"","created_at":"2015-01-26 12:32:28","updated_at":"2015-01-26 12:32:28","deleted_at":null}]}
comme vous pouvez le voir sur cette json j'ai l'Url de l'image que je veux afficher sur la table.
Code JavaScript:
$(document).ready(function() {
var table = $('#banner').DataTable( {
"processing": true,
"serverSide": false,
"ajax": "banners/json/53",
"columns": [
{ "data": "id" },
{ "data": "bannerId" },
{ "data": "campaignId" },
{ "data": "bannerName" },
{ "data": "width" },
{ "data": "height" },
{ "data": "imageUrl" }
});
});
Datatable code:
<table id="banner" class="display table table-striped table-bordered table-hover dataTable no-footer" cellspacing="0" width="100%">
<thead>
<tr>
<th>id</th>
<th>Banner Id</th>
<th>Campaign Id</th>
<th>Banner Name</th>
<th>Width</th>
<th>Height</th>
<th>Image/Banner</th>
</tr>
</thead>
<tfoot>
<tr>
<th>id</th>
<th>Banner Id</th>
<th>Campaign Id</th>
<th>Banner Name</th>
<th>Width</th>
<th>Height</th>
<th>Image/Banner</th>
</tr>
</tfoot>
</table>
Sur la dernière colonne de l'affichage de l'URL de l'image mais n'est pas ce que je veux, je veux afficher les généralement l'image sur la table de données à l'aide de l'URL, si, c'est possible.
OriginalL'auteur Simphiwe Innocent | 2015-01-26
Vous devez vous connecter pour publier un commentaire.
Vous pouvez utiliser le
columns.render
option pour spécifier une fonction de rappel qui peut modifier les données qui sont affichées dans la colonne.La fonction de rappel prend trois paramètres (quatre depuis 1.10.1). Le premier paramètre est l'origine des données de la cellule (les données de la db), le deuxième paramètre est le type d'appel (filtre, affichage, le type ou le genre), et le troisième paramètre est le plein de la source de données pour la ligne. La fonction doit retourner la chaîne de caractères qui doit être affiché dans la cellule.
Dans vos colonnes définition, ajouter le
render
option pour votreimageUrl
définition de la colonne:De la Documentation sur le rendu option ici.
OriginalL'auteur patricus
Voici ma solution, espérons que cela aide quelqu'un.
OriginalL'auteur cookiesncream
OriginalL'auteur Ahmad