zprovoznění formuláře v šabloně → uplný začátečník

Děkuji za pomoc, už jsem to oživil :)

Ono kdyby jsi si pročetl tu dokumentaci i 2×, tak se třeba lépe chytneš. A evidentně máš také problémy se základy PHP, které by jsi si měl doplnit!

chuck_horis napsal(a):

Nechápu asi jednu věc, pokud si čtu např návod jako na formuláře nebo databaze s nette, kam mám tento kod kopírovat? Jedná se mi o to, že když ho dám do šablony nic se nedeje a kod se vypíše jako text.. Proto jsem kod dal do pressenteru. Kam tedy kopírovat ukázky kodů? Do šablon ?

Ideálně nekopírovat, ale jen na něj kouknout a napsat ho sám. Dříve si zapamatuješ API. Do šablony se kopírují šablony a PHP kód se kopíruje většinou do presenterů, nebo vlastních tříd, které vhodně umístíš v adresáři app/ (třeba do app/models/NejakaTrida.php).

Snažil jsem se rozchodit validaci:

protected function createComponentForm()
{
    $form = new Nette\Application\UI\Form;
    $form->addText('name', 'Name:')
	    ->addRule(Form::FILLED, 'Zadejte jméno');
    $form->addText('email', 'Email:')
	    ->addRule(Form::EMAIL, 'Zadejte email');
    $form->addTextarea('note', 'Note:')
    	->addRule(Form::FILLED, 'Vyplňte poznámku!');

    $form->addSubmit('send', 'Odeslat');
    $form->onSuccess[] = callback($this, 'signInFormSubmitted');

    return $form;
}

Samozřejmě, laděnka mi píše že class "Form ",takžeje potřeba jí vytvořit nebo vložit?

Tuhle větu se nebudu snažit pochopit.

Vím že se tam nemá psát Nette\Forms\Form ale Nette\Application\UI\Form, když je to v presenteru.

Vidíš, aspoň něco :)

Stejně tak nevím jak vložit javascript validaci :\

Nijak, ty pravidla Nette uloží k formulářovým prvkům samo. Ty musíš jenom do hlavičky layoutu nakopírovat „přilinkování“ javascriptu, který je bude kontrolovat. Hledej nette.forms.js.

Dále bych rád pokračoval s odesláním na mejl, takže pokud doplním

Odeslání na „mejl“ se dělá pomocí Nette\Mail\Message.

<?php
$form->onSubmitted[] = 'FormSubmitted';
?>

A pak vytvořím komponentu Formsubmitted bude to dobře, ano?

Rozhodně to nebude dobře, dobře to bylo předtím. Tohle není žádná komponenta, ale callback, který se má zavolat, pokud je formulář odeslán validně.

Takže opravit na

$form->onSuccess[] = callback($this, 'signInFormSubmitted');

A do téhle metody presenteru

public function signInFormSubmitted($form) { ...

si pak vložíš svoje zpracování, nebo odesílání na email, podle dokumentace.

Příště, až budeš psát příspěvek na fórum, tak než klikneš na tlačítko odeslat, běž ještě jednou se podívat na kód a po řádku ho projdi. Protože mi to přijde, že jsi zkopírovat pár věcí z dokumentace, slepil je dohromady a divíš se, že to nefunguje.

Nevím kde začít první, ale zkusím to od vrchu dolů:

1. takhle se továrnička nevolá v renderDefault rozhodně nevolá
2. Environment je fujík, použij raději:

if ($this->context->parameters['productionMode'] === false)

3. Sign In je přihlašovací formulář, Sign Up je registrační
4. Formuláři nedáváme v Nette presenterech akci takto, ale přidáme mu callback:

$form->onSuccess[] = callback($this, 'signInFormSubmitted');

5. Pokud už to je tedy registrační formulář, doporučuju prvkům přidat "validační pravidla"https://doc.nette.org/cs/forms#toc-validace :

$form->addText('name', 'Jméno:')
	->setRequired('Zadejte prosím své jméno.');

6. Předpokládám, že používáš Netbeans 7.1, je v nich u Nette takový malý bug, že podtrhuje červeně název třídy i když je správně (protože mu prý chybí implementace metod z IContainer). Takže klidně metody addService, hasService a remoteService odmaž.
7. Formulář, pokud se budeš držet mého postupu vygeneruješ v šabloně takto:

{form signInForm}
{*rozepsani formulare *}
{/form}

8. Není potřeba v koncové značce {/form} psát název formuláře
9. Aby si nemusel generovat prvky jeden po druhém, můžeš použít tuhle jednoduchou šablonu:

{form signInForm}
        <ul class="errors" n:if="$form->hasErrors()">
            <li n:foreach="$form->errors as $error">{!$error}</li>
        </ul>
    <table>
        {foreach $form->components as $component}
                {if $iterator->isLast()}
                    <tr>
                        <td colspan="2">Položky označené <span style="color:red;">*</span> jsou povinné.</td>
                    </tr>
                {/if}
            {if (!($component instanceof \Nette\Forms\Controls\HiddenField)) && (!($component instanceof \Nette\Forms\Controls\SubmitButton))}
                    <tr>
                        <th style="text-align: right;">{label $component->name /}:{if $component->isRequired()}<span style="color:red;">*</span>{/if}</th>
                        <td>{input $component->name}</td>
                    </tr>
            {/if}
            {if ($component instanceof \Nette\Forms\Controls\SubmitButton)}
                    <tr>
                        <td colspan="2" style="text-align: center">{input $component->name}</td>
                    </tr>
            {/if}
        {/foreach}
    </table>
{/form}

*) Poznámka: HiddenField se automaticky vykreslí před makrem {/form}

Editoval pilec (3. 3. 2012 18:31)

smaž řádek se setFile.

to ti nemůže fungovat, řádek s:

$form->onSuccess[] = callback($this, 'FormSubmitted');

musí být v metodě createComponent, poněvadž $form je proměnná lokální k té metodě.

a v presenteru v renderech nemusíš psát $this->template->render(); o to se stará Nette.

Editoval pilec (4. 3. 2012 2:04)

To se nesmí form vykresilt takhle {control form}, ale musíš si udělat vlastní vykreslení.
https://doc.nette.org/cs/forms#…

Ne ne todle $form->onSuccess[] = callback($this, ‚FormSubmitted‘); je nejspíš na dobrým místě předpokládám a navíc jde o akci submittu… to nemá s css nic společného. Myslel jsem šablonu předělat.

Jo, prostuduj si tu dokumentaci co jsem poslal link… tam to je hezky ukázané. Každopádně pokud chceš stylovat, dá se použít i to co máš. Každý element má svoje IDéčko, takže to jde ostylovat i tak jednoduše.

ZAJDAN napsal(a):

ViPErCZ napsal(a):

Jo, prostuduj si tu dokumentaci co jsem poslal link… tam to je hezky ukázané. Každopádně pokud chceš stylovat, dá se použít i to co máš. Každý element má svoje IDéčko, takže to jde ostylovat i tak jednoduše.

mě jde spíše o to, aby se formulář zavřel do jednoho generálního divu, což řeším v latte šabloně. Ale uvnitře tohodle divu udělat ještě další divy a do ni vpouštět jednolivé bloky formuláře. Tím bych pak mohl jednotlivým divům nastavit různé pozadí atd.

Jasný pak viz. dokumentace.

{form form}
{control $form errors}
<div id="mujdiv">{form['jmeno']->label}{form['jmeno']->control}</div>
{/form form}

První form je tuším název makra a druhý form je název komponenty. Tj. mohlo by tam místo toho být např.:
{form loginForm}

A máš tam {form regForm} ???

tak po pár změnách jsem dosáhl žádaného vysledku:
latte vypadá takto (zatím):

{block #content}
{form regForm}
<div class="bodyForm">
    {control regForm}
    <div id="Form1">{$form['name']->label}{$form['name']->control}</div>
</div>
<div class="fotoContainer">
 <div id="Form2">{$form['avatar']->label}{$form['avatar']->control}</div>
</div>
{/form regForm}
{/block}

Editoval ZAJDAN (5. 3. 2012 0:42)

ViPErCZ napsal(a):

Třída Form umí kontejnerovat: https://doc.nette.org/cs/forms#…
Dále {control regForm} v tom bloku bude nějaký divoký. A id=„Form1“ je tam 2×, což není také dobře.

jasně to dvojí ID vím… to bylo ihned po nakopírování -ale to je samozřejmost…i tak díky

a to seskupování – grupování to je přesně ono to se mi líbí…díky
co by mě ale zajímalo jak se v šabloně odkážu na konkrétní Group

Editoval ZAJDAN (4. 3. 2012 21:12)

zkouším to ale dostanu:
Unknown macro {formGroup} in …/Registration/default.latte
předpokládám, že takové makro budu muset nadefnovat někde do seznamu maker

Editoval ZAJDAN (4. 3. 2012 23:11)