Jak vygenerovat formulář s X-inputů, kde X zadá uživatel v šabloně (anketa)?

Takhle jsem to taky zamýšlel a řekněme, že logicky vím jak to udělat. Prakticky ale ne. Povedlo se mi, že se přidávají inputy a odebírají, validace také probíhá, ale po vyplnění nějakých hodnot a přidání/odebrání inputu se vyplněné hodnoty ztratí. Spíše bych raději napsal, že se mi nepovedlo udělat nic, protože prakticky nevím, jak docílit toho co potřebuju.

Nemám s handlery žádnou zkušenost a chci se to naučit a porozumět tomu na konkrétním příkladu. Díval jsem na na fifteen (jediný příklad, kde se handlery využívají), ale to je na mě složité. Chci tomu první porozumět na něčem jednoduchším jako je tohle..

K věci:

• na stránce mám staticky 2 inputy s názvem (answer1 a answer2), které tam budou pořád
• po kliknutí na tlačítko Přidat odpoveď se vloží nový input (zůstanou zachována data, která jsem do formuláře již napsal)
• po kliknutí na tlačítko Ubrat odpoveď se ubere přidaný input (zůstanou zachována data, která jsem do formuláře již napsal)
• Celé by to mělo fungovat asi tak jako, když na email.seznam.cz píšete email a chcete připojit nějaké přílohy. Tam lze přidat nový input aniž by to změnilo aplikaci a také ubrat jakýkoli input (nehledě na pořadí). 

Chtěl bych, aby to bylo funkční ajaxově i neajaxově (kvůli (ne)podpory JS).

A abych po vás nechtěl vymýšlet i ten začatek, tak úvádím kód, který zatím mám (vím, že ty handlery asi nebudou OK a asi ani v továrničce to nebude úplně košér), ale rád bych kdyby jste mi řekli co a proč má být jinak a jak. Ubírám se směrem, kteým mě „nakopnete“ :), takže uvítám i úplně jiné řešení, když se bude více hodit.

Kód presenteru:

public function renderDefault()
{
	$poolAnswers = $this->getSession('poolAnswers');
	$this->template->poolAnswers = $poolAnswers->count;
}

public function handleAddAnswer()
{
	$poolAnswers = $this->getSession('poolAnswers');
	if (!isset($poolAnswers->count) || $poolAnswers->count !== (int)$poolAnswers->count) {
		$poolAnswers->count = 4;
	}
	else {
		$poolAnswers->count++;
	}

	$this->invalidateControl('poolAnswers');

	if(!$this->isAjax()) {
		$this->redirect('this');
	}
}

public function handleDeleteAnswer()
{
	$poolAnswers = $this->getSession('poolAnswers');
	if (!isset($poolAnswers->count) || $poolAnswers->count !== (int)$poolAnswers->count) {
		$poolAnswers->count = 4;
	}
	else {
		if ($poolAnswers->count > 3) {
			$poolAnswers->count--;
		}
	}

	$this->invalidateControl('poolAnswers');

	if(!$this->isAjax()) {
		$this->redirect('this');
	}
}


protected function createComponentPoolForm()
{
	$form = new AppForm();

	$form->addText('question', 'Otázka:')->addRule(Form::FILLED, 'Vložte otázku.');
	$form->addText('answer1', 'Odpověď #1:')->addRule(Form::FILLED, 'Vložte odpověď.');
	$form->addText('answer2', 'Odpověď #2:')->addRule(Form::FILLED, 'Vložte odpověď.');

	$poolAnswers = $this->getSession('poolAnswers');
	for ($i = 3; $i < $poolAnswers->count; $i++)
	{
		$form->addText('answer'.$i, 'Odpoveď #'.$i.':')->addRule(Form::FILLED, 'Vložte odpověď.');
	}

	$form->addSubmit('save', 'Uložit');
	$form->addProtection('Prosím odešlete přihlašovací údaje znova (vypršla platnost tzv. bezpečnostního tokenu).');
	$form->onSubmit[] = callback($this, 'poolFormSubmitted');
	$form->getRenderer()->setClientScript(new LiveClientScript($form));

	return $form;
}

public function poolFormSubmitted($form)
{
	if ($form['save']->isSubmittedBy()) {
		$this->flashMessage('Anketa byla upravena.<br />'. Debug::dump($form->getValues()), 'updated');
	}

	$this->redirect('default');
}

Krome toho, že to nemám OK, taky nevím proč se mi po odeslání formuláře nevypíší „dumpem“ data z formuláře do té flash message..?

V šabloně pak mám:

{block content}
{widget poolForm}
<a href="{link addAnswer!}" class="ajax">Přidat odpověď</a>
<a href="{link deleteAnswer!}" class="ajax">Ubrat odpověď</a><br />
Odpovedí celkem: {=$poolAnswers-1}

Předem moc děkuju za vaši vztřícnost :).

Editoval Endrju (15. 3. 2010 10:38)

Vzdy sa treba dobre zamysliet nad tym s akou entitiu na stranke manipulujes. V tomto pripade manipulujes s formularom. V tomto svetle je tvoj posledny kod nespravne, lebo signaly posielas presenteru a nie formularu. Urob to tak, ze si spravis novy php subor v ktorom podedis AppForm a v nom nadefinuj handlery (prijimace signalov) pre tlacidla add/delete. Tie budu potom robit pripadne zmeny formulara nad $this, cize aktualnou instanciou – tym padom si nic nemusis ukladat do session, lebo $this predstavuje aktualnu podobu formulara.

Editoval srigi (15. 3. 2010 19:28)

ak podedis AppForm tak tie signaly musis navesit na submit buttony, ale ak by si vytvoril novy Control, ktory bude obsahovat ten formular, tak mozes mat tie signaly navesene na odkazy, tak ako to mas v doterajsom kode. ale asi by sa ti takto neukladali hodnoty uz vyplnenych policiek

Az sa najde trocha casu (asi az v druhej polovici tyzdna), skusim na to pozriet. Skvor mi to bohuzial nevyjde P(

Díky srigi, to bys byl moc hodný!

Zkousim zatím různé nápady, ale zatím pokazdé na něčem ztroskotám.. Co třeba něco takového?

class Admin_PoolPresenter extends Admin_SecuredBasePresenter
{
	public function renderDefault()
	{
		// co tady..? je zde treba neco momentalne psat?
	}

	// handlery jsem zakomentoval

	protected function createComponentPoolForm()
	{
		$form = new AppForm();

		// nevim jak nastavit pocet inputu z hodnoty ve formulari..
+		if (!isset($count) || $count !== (int)$count) {
+			$count = 2; // prednastaveni defaultniho poctu odpovedi
+		}

+		$form->addHidden('count')->setValue($count);

		// otazka
		$form->addText('question', 'Otázka:')->addRule(Form::FILLED, 'Vložte otázku.');
		// odpovedi
+/-		for ($i = 0; $i < $count; $i++) {
+/-			$form->addText('answer'.$i, 'Odpoveď #'.$i.':')->addRule(Form::FILLED, 'Vložte odpověď #'.$i);
+/-		}

		// tlacitka pridat a ubrat odpoved
+		$form->addSubmit('answerAdd', '+')->setValidationScope(NULL);
+		$form->addSubmit('answerDel', '-')->setValidationScope(NULL);

		$form->addSubmit('save', 'Uložit');
		$form->addSubmit('cancel', 'Zrušit')->setValidationScope(NULL);

		$form->addProtection('Prosím odešlete přihlašovací údaje znova (vypršla platnost tzv. bezpečnostního tokenu).');
		$form->onSubmit[] = callback($this, 'poolFormSubmitted');

		return $form;
	}



	public function poolFormSubmitted($form)
	{
		if ($form['save']->isSubmittedBy()) {
			// ....
		}
+		else if ($form['answerAdd']->isSubmittedBy()) {
+			$values = $form->getValues();
+			$values['count']++; // zde bych zvysil pocet v hidden poli
+
+			$form->setDefaults($values); // nastavila by se data formulari
+			// a pak by se melo presmerovat zase na formular, ale tak aby mu zustala data
+		}
+		else if ($form['answerDel']->isSubmittedBy()) {
+			$values = $form->getValues();
+			$values['count']--; // zde bych snizil pocet v hidden poli
+
+			$form->setDefaults($values);
+			// a pak by se melo presmerovat zase na formular, ale tak aby mu zustala data
+		}

		$this->redirect('default');
	}

}

V sablone by se kliklo na tlacitko + nebo -, form by se odeslal (bez validace) a znova by se prekreslil s polickem o jedno mene nebo vice a data by zustala zachovana.
Nevim.. co si o tom myslite? Nevim jak to dotahnout do konce… Nechci ale predhazovat nejake reseni, ktere neni od navrhu uplne OK, abychom se ho pak nechytnuli a reseni, ktere by mohlo byt lepsi by se ani nezkusilo… Diky

Na AJAX se zatím vykašli – důležitý je, že se nepředávaj data. Máš nainstalovaný firebug? zkus vyhodit přesměrování po odeslání formuláře a dát sem URL, na které se nacházíš a kolik si tam měl addTextů.

Pokud už ho řešíš, zavináče musíš mít všude, kde je to potřeba. Tedy i před {include #content} v layoutu, i před {/block}.

To není URL po odeslání formuláře. Musíš zakomentovat redirect.

Ola: updatnul jsem post (prehlednul jsem zakomentovani redirectu v poolFormSubmitted() metode..)

bazo: jo diky, nevedel jsem ze ma dump jeste dalsi paramert, ale ja vim nevedomost neomlouva :P. Sice mi to ted do flashmessage vypise, ale escapuje to HTML, takze ta informace z dump neni moc prehledna a menit sablonu, jen kvuli toho, abych videl pekny dump ve flash message nebudu, necham to vypisovat jen jako echo tedy.. Ale jsem zase o neco chytrejsi :).

No a co ted dale? Mam zakomenentovany redirect v poolFormSubmitted() a kdyz odeslu formular, tak data zustanou.. kdyz ale kliknu na ten odkaz pro pridani/odebrani policka, tak se vlastne stranka znova vykresli a data se nezachovaji… coz by se v pripade handleru dit asi nemelo ne? nebo alespon ja bych to takto nechtel..

Mohl bych to sice udelat tak, ze bych misto odkazu dal do formulare submit buttony pro pridani a odebrani inputu a v submit metode neprovadel redirect pri submitu pomoci techo dvou tlacitek (viz. muj post #11), ale radeji bych to udelal pomoci tech odkazu, ktere nenalezi formulari… a po jejich stisku data zachoval.. pokud by se ale musela posilat, tak radeji pres POST.. nejsou to sice nejak moc tajna data, ale kyby se to posilalo pres GET, tak by se posilalo i ID ankety, obsah tokenu a pripadna dalsi hidden data a to by se mi moc nelibilo. Je tady nejaky jiny zbusoub nez AJAX? Nebo bych tohle musel udelat s temi submit tlacitky primo ve formulari a jejich stisk odchytavat v submit metode?

srigi napsal(a):

Az sa najde trocha casu (asi az v druhej polovici tyzdna), skusim na to pozriet. Skvor mi to bohuzial nevyjde P(

srigi, asi to reseni zustane na tobe. Zkousel jsem co me napadlo nebo mi zkusili poradit (mozna jsem je nepochopil spravne), ale pokazde skoncim na tom, ze kdyz v handleru nebo onSubmit metode provedu redirect (aby se vykreslil formular se spravnym poctem policek), tak tim prijdu o data, ktera si poslu. Data jsem posilal tak, ze jsem ve formulari pridal 2 submit tlacitka na pridani/odebrani inputu a navesil na ne onClick udalost, ktera vola handlery. V handleru pak dokazu ziskat data z formulare $this['poolForm']->setDefaults($this['poolForm']->getValues());, ale naslednym $this->redirect('this'); je zrusim. Pokud redirect neuvedu, neprekresli se formular a nezobrzi se spravny pocet inputu..

Napadlo me.. Jak to dela validace na strane serveru? Kdyz neni form validni a vypnu JavaScript, tak se formular vrati s vyplnenyma hodnotama a vykresli chyby. Kdyz pred tim vykreslenim vedel kolik inputu mam vykreslit, tak by to slo, hm? Zkousel jsem proto debugovat nevalidni formular, ale nevim kde az je to zakopane, takze jsem se k tomu nedostal.

Jsem da se rici ve slepe ulicce. Budu moc vdecny za tvou pomoc srigi.

Editoval Endrju (17. 3. 2010 6:06)