bootstrap modal a ajax class
Upozornění: Tohle vlákno je hodně staré a informace nemusí být platné pro současné Nette.
- Namespace
- Člen | 80
Ahoj,
narazil jsem na takový menší problém a nic moc se mi o tom nepodařilo
dohledat a s řešením jsem také moc nepokročil. Tak třeba to už někdo
řešil a postrčí mě :)
Mám modal
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<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="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
{snippet editForm}
{control form}
{/snippet}
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
odkaz na hadle
<a class="ajax" data-toggle="modal" data-target="#myModal" n:href="edit! $id">Edit</a>
handle
public function handleEdit($id)
{
$this['editForm']->setDefaults($this->model->getSubject($id));
$this->redrawControl('editForm');
}
a js
<script>
$(function () {
$.nette.init();
});
</script>
Pokud „vyndám“ snippet z modalu a dám ho volně do šablony, tak mi vše funguje. Jakmile ho nechám v modalu, tak se modal nezobrazí. Pokusem/omylem jsem zjistil, že za to může class=„ajax“ v odkazu na handle. Když je, tak funguje ajax a nejede modal. Pokud není, nejede ajax a jede modal.
Pokud by někdo věděl a byl ochotný mě postrčit ke správnému
řešení, budu mu velice zavázán :).
Díky!