Dynamicky generovaný formulář

Prednedávnom som niečo podobné riešil. Použil som na to HosipLanov Replikátor.

Vytvoril som hlavný formulár do ktorého bol pridaný pomocou addDynamic() ďalší veľký formulár obsahujúci prepínač s názvami formulárových prvkov (selectbox, text, number, …) a pomocou toggle() sa zobrazovali/skrývali príslušné časti formulára.

Ukážka hlavného formulára

// ...
$self = $this;

$invalidateCallback = function () use ($presenter) {
	$presenter->invalidateControl('entireForm');
};
$form_items = $this->addDynamic('form_items', function (Container $form)use($self,$invalidateCallback) {
	$form->addRadioList("form_type", "Formulárový prvok",  array(
		"text" => "Textové pole",
		"number" => "Textové pole - číslo",
		"radiobox" => "Prepínač",
		"selectbox" => "Výberové pole",
	))
		->addCondition(Form::EQUAL, "text")
			->toggle($form->name."-text")
		->endCondition()
		->addCondition(Form::EQUAL, "number")
			->toggle($form->name."-number")
		->endCondition()
		->addCondition(Form::IS_IN,array("radiobox", "selectbox"))
			->toggle($form->name."-multiples");
	$form['text'] = new InputContainer();
	$form['text']->name = $form->name;
	$form['text']->attached($self);
	$form['number'] = new NumberContainer();
	$form['number']->name = $form->name;
	$form['number']->attached($self);
	$form['multiples'] = new MultiplesContainer();
	$form['multiples']->name = $form->name;
	$form['multiples']->attached($self);
	$form->addSubmit('remove', 'Odstrániť formulárový prvok')
		->setValidationScope(FALSE)
		->setAttribute('class', 'ajax')
		->addRemoveOnClick($invalidateCallback);
});
$form_items->addSubmit('add', 'Pridať formulárový prvok')
		->setValidationScope(FALSE)
		->setAttribute('class', 'ajax')
		->addCreateOnClick($invalidateCallback);
// ...

Trieda InputContainer.php

<?php
use Nette\Forms\Container,
	Nette\Utils\Html;

class InputContainer extends Container
{
	/** @var string */
	public $name;

	public function attached($obj)
	{
		parent::attached($obj);
		if (!$obj instanceof Nette\Forms\Form) return ;
		$this->addMarkup('xstart', "", Html::el('div')->id($this->name."-text")->startTag(), TRUE);
		$this->addText("name", "Názov");
		$this->addText("default_value", "Predvolená hodnota");
		$this->addText("placeholder", "Placeholder");
		$this->addCheckbox("required", "Povinná položka");
		$this->addMarkup('xend', "", Html::el('div')->id($this->name."-text")->endTag(), TRUE);
	}
}

Ostatné vyzerajú obdobne.

Ako vidno z ukážky, nepodarilo sa mi dokonale vyriešiť toggle() a tak som musel „dokresliť“ do formulára ohraničujúce <div>.

Na to som použil MarkupControl, ktorý som trochu upravil aby ním bolo možné vykresliť ľubovolný kód. ($onlyContent = FALSE)
Takto som to riešil, aby som nemusel manuálne renderovať obrovský formulár.

Asi by sa hodil na tento účel doplnok s podporou všetkých formulárov so všetkými možnosťami. Viem si predstaviť, že by som nabudúce iba spustil composer.

Editoval romiix.org (20. 11. 2013 11:25)

Takže sem se pokusil včera něco dát dohromady. Vycházel sem z toho jak funguje replicator a vytřil si něco podobného, předám si tam seznam těch jednotlivých elementů a z těch si to pak uvnitř poskládám. Supr funguje to, ale teď řeším jak udělat vlastní render.

Když udělám vykreslení formuláře jako control je to ok, vykreslí se všechny pole. Ale já formy vykresluju ručně protože je mám rozdělené na bloky atd. no a co u toho řeším je jak udělat vykreslení té dynamické části? Libilo by se mě kdybych mohl každému elementu určit vlastní minilatte šablonu kterou by se vykreslil takže abych mohl pak ve latte šabloně akce mohl udělat něco takového:

{form dynamickyForm}
....{label neco}....
... klasicke prvky formu...

{* Vygenerovani vsech elementu *}
{$form['elements']}

{* Nebo v cyklu *}
{foreach $form['elements'] as $element}
<div class="element">
	{$element}
</div>
{/foreach}
{/form dynamickyForm}

To znamená dostat do těch kontejneru nějaký vlastní renderer který by bral šablony z nějakého default umístění, ty vyrenderoval a vrátil už hotové

Nějaký tip, rada atd.?