závislý selectbox – chyba při překreslení snippetu

ahoj, aby ti fungoval snippet vo formulári, musíš formulár obaliť do snippetArea, len potom musíš v handleSelectLoad invalidovať aj tú snippetAreu

Aha, už vidím, v tom JS callbacku by si mal použiť $.nette.ajax() namiesto $.get(), preto sa to snippet neprekreslí

Máš to takto?

<script>
$.nette.ajax({
    url: "?do=selectLoad",
    data: {"terapeutid": $(this).val()}
});
</script>

Editoval MajklNajt (20. 11. 2018 20:59)

@MajklNajt A jeste lip tak abys vse generoval v Nette a ne rucne…

Nemas nahodou ten formular v komponente?

CZechBoY napsal(a):

@MajklNajt A jeste lip tak abys vse generoval v Nette a ne rucne…

Nemas nahodou ten formular v komponente?

áno, dá sa to aj krajšie, len cez mobil sa mi to nechcelo vypisovať :D ja to mám napr. v takejto konštrukcií:

{include callbackJs, link => "selectLoad", form => "terapeutsForm", input => "terapeutid"}

{define callbackJs}
    <script>
        $("#" + {$control[$form][$input]->htmlId}).off("change").on("change", function () {
            $.nette.ajax({
                type: "GET",
                url: {link {$link}!},
                data: {
                    {$input}: $(this).val(),
                }
            });
        });
    </script>
{/define}

admin@easyweb4u.cz napsal(a):

MajklNajt napsal(a):

resp. úplne správne takto:

<script>
$.nette.ajax({
	type: "GET",
	url: "?do=selectLoad",
	data: {"terapeutid": $(this).val()}
});
</script>

Díky moc, funguje to :-)

Teď závislý select funguje, ale odesílá se (a uloží) pouze první hodnota (včetně té závislé).

Editoval admin@easyweb4u.cz (21. 11. 2018 9:09)

MajklNajt napsal(a):

@admin@easyweb4u.cz čo máš na mysli pod prvou hodnotou? prvý select alebo prvá value z oboch selectov?

mimochodom, ten kto mi dal mínusku, by mohol aj napísať, čo zlé som poradil, nech sa aj ja poučím…

já jí tam nedal … :-)

No funguje to tak, že když proklikávám první select, správně se mi objevují hodnoty v závislém selectu. Ale hodnoty se odešlou pouze v případě nastavení na první hodnotu prvního selectu (včetně správné zvolené hodnoty závislého selectu). Když se podívám do zdrojového kódu překresleného formuláře, vidím v závislém selectu pouze hodnoty pro první select, i když v prohlížeči vidím vše správně překreslené. Už jsem z toho na palici.

Poznámka: už jsem to tu psal, formulář mám v komponentě.

ještě jsem taky neuvedl tenhle kód v prezenteru

<?php
    protected function createComponentTerapeutsForm()
    {
        $form = $this->terapeutsFormFactory->create($this->id);

        $form->onSuccess[] = function (Form $form) {

            if (!$this->isAjax()) {

                $this->flashMessage('Error');
            } else {

                $this->flashMessage('Přidání terapeuta proběhlo úspěšně.');

                $this->redrawControl('terapeuts');

                $this->redrawControl('flashesAdmin');

            }

        };

        return $form;
    }
?>

Editoval admin@easyweb4u.cz (21. 11. 2018 10:49)

CZechBoY napsal(a):

@MajklNajt Je špatně to, že kompletně odebíráš ostatní onchange handlery na inputu. Dále je potřeba počítat s tím, že form
může být v komponentě a je teda potřeba parametr pojmenovat správně i s cestou ke komponentě.

Takže správně by to mělo být snad takto:

{include callbackJs, link => "selectLoad", form => "terapeutsForm", input => "terapeutid"}

{define callbackJs}
    <script>
        $("#" + {$control[$form][$input]->htmlId}).on("change", function () {
            $.nette.ajax({
                type: "GET",
                url: {link {$link}!},
                data: {
                    {$control[$form]->getParameterId($input)}: $(this).val(),
                }
            });
        });
    </script>
{/define}

Hlásí to chybu: Call to undefined method Nette\Application\UI\Form::getParameterId().

@MajklNajt on je nesprávný v těch bodech co jsme psal… nenapsal jsem dřív protože se mi to nechtělo psát na mobilu :D
Nakonec ani ten můj kod není správný…

{include callbackJs, link => "selectLoad", form => "terapeutsForm", input => "terapeutid"}

{define callbackJs}
    <script>
        $("#" + {$control[$form][$input]->htmlId}).on("change", function () {
            $.nette.ajax({
                type: "GET",
                url: {link {$link}!},
                data: {
                    {$control[$form][$input]->lookupPath()}: $(this).val(),
                }
            });
        });
    </script>
{/define}

Tak stále na mrtvém bodě. Já jsem nyní vyjmul ten formulář z komponenty a strčil ho do presenteru. Ale nijak jsem si nepomohl. Chová se to úplně stejně.

Pro změnu závislého selektu používám toto – funguje to:

<script type="text/javascript">
    $('#static').change(function() {
        $.nette.ajax({
            type: "GET",
            url: {link selectLoad!},
            data: {"terapeutid": $(this).val()}
        });
    });
</script>

Ale, data a následné uložení odeslaných parametrů se provedou pouze pro první položku statického selectu, a to i když před tím proklikám oba selecty. Pokud nastavím jinou než první položku, ajax se sice provede – volá se správný presenter a id

Therapy:default
id = 31

ale dle mého pozorování se vůbec nevolá funkce, která formulář zpracovává (je též v presenteru).

<?php
    public function processTerapeutsForm($form, $values)
    {

        if (!$this->isAjax()) {

            $this->flashMessage('Error');
        } else {

            $this->flashMessage('TID:' . $values->terapeutid);

            $insert = $this->database->query('INSERT INTO semiterapeut', [
                'calendarid' => $this->id,
                'terapeutid' => $values->terapeutid,
                'price' => $values->price
            ]);

            if ($insert) {

                $this->flashMessage('Přidání terapeuta proběhlo úspěšně.');

                $this->redrawControl('terapeuts');

            } else {

              $this->flashMessage('Chyba! Přenos dat se nezdařil.');
            }

        }

        $this->redrawControl('flashesAdmin');

    }
?>

Pokud závislý select vyřadím, vše funguje jak má.

Věděl by někdo?