Actualiser Bootstrap-table
Le problème est que je ne peut pas faire de la table (bootstrap-table
) mettre à jour les données après la fin de l'enregistrement. Je suis en train de le faire via JS, mais sans succès. J'ai essayé ce qui suit:
JS
$.post($form.attr('action'), $form.serialize(), function (result) {
if (result.status == "true") {
$(location).attr('href', result.acao.url);
} else {
$('#cargo').formValidation('resetForm', true)
$('#cadastroCargo').modal('hide')
//ATTEMPT REFRESH BOOTSTRAP-TABLE:
$('#teste').bootstrapTable('refresh')
}
}, 'json');
HTML/PHP
<button class="btn btn-primary pull-right btn-import-user btn-sm" data-toggle="modal" data-target="#cadastroCargo">Novo Cadastro</button>
<!-- Modal -->
<div class="modal fade" id="cadastroCargo" tabindex="-1" data-keyboard="false" data-backdrop="static" role="dialog" aria-labelledby="cargoLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<form id="cargo" action="Cargo/inserir" method="POST" enctype="multipart/form-data" autocomplete="off">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="cargoLabel">Cadastrar Cargo</h4>
</div>
<div class="modal-body">
<fieldset>
<div class="form-group">
<label class="modal-font-body control-label">Informe o Cargo</label>
<input name="titulo" type="text" class="form-control input-sm" id="titulo" data-minlength="4" size="35" value="<?= @$cargo->titulo ?>" data-error="Por favor, preencha este campo corretamente!" required>
<input type="hidden" name="id" value="<?= @$cargo->id ?>">
<input type="reset" id="configreset" value="reset" hidden>
</div>
<div id="mensagemSucesso" class="alert alert-success alerta-sucesso" hidden></div>
</fieldset>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
<input type="submit" id="salvar" value="Salvar" name="salvar" class="btn btn-primary">
</div>
</form>
</div>
</div>
</div>
<table id="teste" name="teste" class="table table-striped" data-toggle="table" data-search="true" data-show-refresh="true" data-show-columns="true"
<thead>
<tr>
<th class="th-small" data-align="left" data-sortable="true">ID</th>
<th data-align="left" data-sortable="true">Nome</th>
<th class="th-small">Ações</th>
</tr>
</thead>
<tbody>
<?php
foreach ($cargo as $key => $v) {
?>
<tr>
<td><?= $v->id ?></td>
<td><?= $v->titulo ?></td>
<td>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="submit" data-toggle="dropdown">... <span class="caret"></span></button>
<ul class="table-modal dropdown-menu">
<li><a data-remote="Cargo/page/visualizar/<?= $v->id ?>" role="button" data-toggle="modal" data-target="#select-modal">Visualizar</a></li>
<li><a data-remote="Cargo/page/alterar/<?= $v->id ?>" data-toggle="modal" data-target="#editarIdade">Editar</a></li>
</ul>
</div>
</td>
</tr>
<?php } ?>
</tbody>
</table>
s'il vous plaît accepter une réponse à fermer ce si original de la réponse à la question, ou qu'elle n'était pas. Cela améliore le RÉFÉRENCEMENT et aide à de futures recherches. Merci
OriginalL'auteur André Albson | 2016-02-10
Vous devez vous connecter pour publier un commentaire.
Bien sûr, il ne peut pas actualiser, vous n'avez pas suivi la doco ou des exemples pour utiliser une source de données qui peuvent être actualisées.
http://bootstrap-table.wenzhixin.net.cn/documentation/
http://issues.wenzhixin.net.cn/bootstrap-table/
http://issues.wenzhixin.net.cn/bootstrap-table/#methods/refresh.html
Vous utilisez
data from html
type d'approche, PAS undata-url
.Que votre impression de la page à l'aide de php lorsque la page demandée pour la première fois, comment voulez-vous que la table pour savoir où obtenir des données actualisées????
Plus facile de fixer la façon dont vous créez la table, de cette façon vous avez toujours des listes déroulantes et ect.
Regarde les exemples et doco liens ci-dessus et:
formatter
colonne option pour faire de votre dropdownsdata-url
à la charge de la source de données, voir doco par exemple le formatOriginalL'auteur Daniel Brose
1) remplir balise html sur la table nommée
data-url
2) lors de l'actualisation nécessaire d'appel js fonction
$('#teste').bootstrapTable('refresh')
OriginalL'auteur Yevgeniy Afanasyev