Bootstrap Tableau json de l'ajax
J'ai un problème avec ajax et bootstrap table.
J'ai un ajax JSON-je appeler avec cette méthode:
$(document).ready(function(){
$.ajax({
url: 'php/process.php?method=fetchdata',
dataType: 'json',
success: function(data) {
$('#clienti').bootstrapTable({
data: data
});
},
error: function(e) {
console.log(e.responseText);
}
});
});
Mon JSON semble correctement, mais le tableau ne montre aucun enregistrement. Ce que je fais mal?
Ici est aussi la définition de la table
<table data-toggle="table" class="display table table-bordered" id="clienti">
<thead>
<tr>
<th>Nome</th>
<th>Cognome</th>
<th>Data Nascita</th>
<th>Provincia</th>
<th>Comune</th>
<th>CAP</th>
<th>Indirizzo</th>
<th>Fisso</th>
<th>Cellulare</th>
<th>Note</th>
</tr>
</thead>
</table>
C'est aussi une partie de l'json retourné
[{"Nome":"","Cognome":"","DataN":"0000-00-00","Provincia":"","Comune":"","CAP":"","Indirizzo":"","Fisso":"","Mobile":"","Note":""},{"Nome":"Federico","Cognome":"Lupieri","DataN":"2015-09-16","Provincia":"","Comune":"","CAP":"34170","Indirizzo":"Via Ascoli 1","Fisso":"00112233445566","Mobile":"00112233445566","Note":"Vediamo se funziona questo"},
Ce n'bootstrapTable ()? Pouvez-vous fournir le code?
semble comme un constructeur ici wenzhixin.net.cn/p/bootstrap-table/docs/getting-started.html Désolé, je ne peux pas être plus précis mais cette classe est assez nouveau pour moi =/
Et vous avez pas d'erreur dans la console? (jQuery, etc)
Rien. J'ai aussi utiliser firebug et dans la console je peux voir seulement le json appelé, mais rien de plus
Pouvez-vous poster un échantillon de
semble comme un constructeur ici wenzhixin.net.cn/p/bootstrap-table/docs/getting-started.html Désolé, je ne peux pas être plus précis mais cette classe est assez nouveau pour moi =/
Et vous avez pas d'erreur dans la console? (jQuery, etc)
Rien. J'ai aussi utiliser firebug et dans la console je peux voir seulement le json appelé, mais rien de plus
Pouvez-vous poster un échantillon de
data
de la réussite de la fonction?OriginalL'auteur cristianbregant | 2015-10-20
Vous devez vous connecter pour publier un commentaire.
cochez cette Violon
vous devez spécifier le
data-field
dans chaqueth
aussi, vous devez supprimer ledata-toggle="table"
data-toggle="table"
comme la documentation : Activer bootstrap table sans écrire du code JavaScript. Set data-toggle="table" sur une table normale.dans votre cas, si vous ne voulez pas utiliser de javascript, il suffit de faire votre tableau comme ci-dessous
même code que vous avez, mais ajouter
data-field
attribut pour chaqueth
et supprimerdata-toggle="table"
Rien de changer, mais je ne sais pas pourquoi. Dans jfiddle il fonctionne. Mais ici, il reste blanc. Je vais regarder pour les autres choses de mal
Parfait! Votre dernière modification fonctionne!
data-toggle="table"
perdu mon 6 heures 24 minutes aujourd'hui.OriginalL'auteur Sherif Ahmed
De la documentation:
HTML
JS
Cela signifie que vous devez spécifier les colonnes qui seront utilisés dans javascript dans HTML. Espérons que cela aide
Oui. Définir des colonnes comme dans la documentation et d'utilisation des données
data : data
où la deuxièmedata
est le paramètre de succès fonction de l'ajaxce code ne fonctionne pas et je ne sais pas pourquoi. Le titre de la table ne marche pas à se montrer et les données sont également de ne pas lire. Toute suggestion?
Cet exemple ne fonctionne pas.
OriginalL'auteur Alexandru Chichinete