Formulář v bootstrap 4 modalu – modal se znovu neotevře při neúspěšné validaci

Ahoj, řeším podobný problém, mám to přes snippet, ale podle mě se tím redrawControl jen překreslí ten snippet, ale to modální okno už se neotevře, volám ho takto:

<td><a class="ajax" n:href="userdetail! $post['id']" style="cursor: pointer;" data-bs-toggle="modal" data-bs-target="#userModal">{$post["login"]}</a></td>

a modální okno:

            <div class="modal fade" id="userModal" tabindex="-1" aria-labelledby="userModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg">

                    <div n:snippet="userData">

takže ten snippet je „userData“ a to okno „userModal“ a nevím co mám zavolat. Potřeboval bych při chybě znovu otevřít to modální okno a ne jen překreslit data ve snippetu, takže něco jako:

$form->onError[] = function() {
	$this->openControl('userModal');
};

nebo to jde jen tím JS?

$('#userModal').modal('show');

A jak se dělá ten inline script ? Potřeboval bych aby se modalní okno znovu otevřelo jen při erroru:

        if (count($result)>0) {
            $err = 'Tato e-mailová adresa už byla použita!';
            $form->addError($err);
            $this->redrawControl('userData');
        }

takže jen to

            $this->redrawControl('userData');

nějak nahradit tím inline s otevřením okna :

            $('#userModal').modal('show');

Kamil Valenta napsal(a):

{snippet userData}
...
{if $form->hasErrors()}
    $('#userModal').modal('show');
{/if}
...
{/snippet}

Ahoj, díky a jak předám ten $form->hasErrors do šablony ? To

{if $form->hasErrors()}

mi píše:

Undefined variable $form

V útržku kódu, který jsi poskytl, také nikde chyby nevypisuješ.

SABLONA:

    <div class="container">
        <h3>Administrace uživatelů</h3>


        {if $user->isAllowed('users', 'add')}
            <div class="menu">:: <a n:href="Backend:users 0">Přidej nový záznam</a></div>
        {/if}


{if $user->isAllowed('users', 'edit')}
        <div class="table-responsive">
            <table class="table table-striped table-hover" id="table-prehled">
                <thead>
                <tr>
                    <th scope="col">#</th>
                    <th scope="col">Jméno</th>
                    <th scope="col">Příjmení</a></th>
                    <th scope="col">Login</th>
                    <th scope="col">E-mail</th>
                    <th scope="col">Odbor</th>
                    <th scope="col">Aktivita</th>
                </tr>
                </thead>
                <tbody>
                {foreach $articles as $post}
                    <tr>
                        <th scope="row">{$i++}</th>
                        <td>{$post["jmeno"]}</td>
                        <td>{$post["prijmeni"]}</td>
                        <td><a class="ajax" n:href="userdetail! $post['id']" style="cursor: pointer;" data-bs-toggle="modal" data-bs-target="#userModal">{$post["login"]}</a></td>
                        <td>{$post["email"]}</td>
                        <td>{$post["odbor"]}</td>
                        <td>{$post["aktivni"]}</td>
                    </tr>
                {/foreach}
                </tbody>
            </table>
        </div>


            <div class="modal fade" id="userModal" tabindex="-1" aria-labelledby="userModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg">

                    <div n:snippet="userData">

                        <form n:name="userForm"  class="d-flex">

                            <script>
                                $(document).ready(function() {
                                    {if $form->hasErrors()}
                                    $('#userModal').modal('show');
                                    {/if}
                                });

                            </script>

                            <div class="modal-content">
                                <div class="modal-header bg-warning">
                                    <h1 class="modal-title fs-5 text-uppercase" id="userModalLabel">Editace uživatele</h1>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                </div>
                                <div class="modal-body">
                                    <div class="p-2">
                                        <input n:name="id" id="id" hidden="on">
                                        <label n:name=jmeno class="form-label mb-0">Jméno:</label>
                                        <input n:name=jmeno title="Jméno" class="form-control rounded-0 mt-0" style="height: 2.5rem;" autofocus>
                                        <label n:name=prijmeni class="form-label mb-0">Příjmení:</label>
                                        <input n:name=prijmeni title="Příjmení" class="form-control rounded-0 mt-0" style="height: 2.5rem;" autofocus>
                                        <label n:name=email class="form-label mb-0">E-mail:</label>
                                        <input n:name=email title="E-mail" class="form-control rounded-0 mt-0" style="height: 2.5rem;" autofocus>
                                        <label n:name=login class="form-label mb-0">Login:</label>
                                        <input n:name=login title="login" class="form-control rounded-0 mt-0" style="height: 2.5rem;" autofocus>
                                        <label n:name=password class="form-label mb-0">Heslo:</label>
                                        <input n:name=password title="Heslo" class="form-control rounded-0 mt-0" style="height: 2.5rem;" autofocus>
                                        <label n:name=role class="form-label mb-0">Role:</label>
                                        <select n:name=role title="Role" class="form-control rounded-0 mt-0" style="height: 2.5rem;" autofocus></select>
                                    </div>
                                </div>
                                <div class="modal-footer" style="justify-content: space-between; padding: .75rem 1.25rem">
                                    <button type="button" class="btn btn-secondary rounded-0" data-bs-dismiss="modal">Zavřít</button>
                                    <input id="ulozitZmeny" n:name="submit" type="submit" class="search-submit btn btn-outline-success rounded-0" />
                                </div>
                            </div>

                        </form>
                    </div>
                </div>
            </div>


        <div class="pagination">
            {if $page > 1}
                <a n:href="Backend:users, 1, $trideni, $asc">První</a>
                &nbsp;|&nbsp;
                <a n:href="Backend:users, $page - 1, $trideni, $asc">Předchozí</a>
                &nbsp;|&nbsp;
            {/if}

                Stránka {$page} z {$lastPage}

            {if $page < $lastPage}
                &nbsp;|&nbsp;
                <a n:href="Backend:users, $page + 1, $trideni, $asc">Další</a>
                &nbsp;|&nbsp;
                <a n:href="Backend:users, $lastPage, $trideni, $asc">Poslední</a>
            {/if}
        </div>

        {/if}

    </div>

Jde mi o to userValidateForm kde mám $form->addError($err);

Kamil Valenta napsal(a):

dtto
Pokud v šabloně chyby formu nevypisuješ, nemůžeš očekávat, že se někdy samy objeví.

Např.

<div class="modal-body">
{if $form->hasErrors()}
	{foreach $form->getErrors() as $err}
		<div class="alert alert-danger">{$err}</div>
	{/foreach}
{/if}
    <div class="p-2">
        <input n:name="id" id="id" hidden="on">
        ...

Ajo to mi nedošlo, to je pak jasný :-) Díky moc za pomoc.