Aktualisieren Bootstrap-Tabelle
Das problem ist, dass ich nicht die Tabelle (bootstrap-table
) aktualisieren Sie die Daten nach Abschluss der Registrierung. Ich versuche es über JS, aber ohne Erfolg. Ich habe versucht, die folgenden:
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>
bitte akzeptieren Sie eine Antwort, um diese zu schließen, wenn die ursprüngliche Frage beantwortet, oder Zustand, wie es war. Dies verbessert SEO und hilft, künftige Suchvorgänge. Dank
InformationsquelleAutor André Albson | 2016-02-10
Du musst angemeldet sein, um einen Kommentar abzugeben.
Natürlich kann es nicht aktualisieren, werden Sie nicht befolgt der doco oder Beispiele für eine Datenquelle verwenden, die aktualisiert werden kann.
http://bootstrap-table.wenzhixin.net.cn/documentation/
http://issues.wenzhixin.net.cn/bootstrap-table/
http://issues.wenzhixin.net.cn/bootstrap-table/#methods/refresh.html
Sind Sie mit
data from html
Typ-Ansatz, NICHT eindata-url
.Als Ihr Druck auf der Seite mit Hilfe von php, wenn die Seite das erste mal angefordert, wie erwarten Sie, dass die Tabelle, um zu wissen, wo man aktualisierten Daten aus????
Einfacher zu beheben, wie Sie Tabelle erstellen, so haben Sie noch die dropdowns und ect.
Blick auf Beispiele und doco links oben und:
formatter
Spalte option, um Ihren dropdownsdata-url
laden von Daten-Quelle finden Sie unter doco zum Beispiel formatInformationsquelleAutor Daniel Brose
1) füllen Sie html-Tags auf die Tabelle mit dem Namen
data-url
2) wenn die Aktualisierung erforderlich Aufruf der js-Funktion
$('#teste').bootstrapTable('refresh')
InformationsquelleAutor Yevgeniy Afanasyev