Překreslení specifického snippetu ve snippetArea

Ahoj, mám dotaz ohledně snippetů/snippetArea.

Snažím se dosáhnout něčeho takového

Tzn. formulář pro vytváření družiny (= 4 postavy). Každá postava může být různé třídy (Archer, Knight atp.).
Podle třídy se určují defaultní hodnoty atributů (might, speed, luck atp.).
Tady nastává kámen ůrazu.

Chtěl bych dostáhnout toho, aby se mi při změně třídy jedné z postav předvyplnily defaultní hodnoty atribut pro danou postavu. Ajaxově.

Momentálně jsem v místě, kdy mám celý form obalen {snippetArea form} a attributy pro jednotlivé postavy mám obalené ve {snippet character_one_section} (následuje character_two_section atd.).

Při změně selectu s třídami triggeruju v JS kliknutí na skrytý button. Toto kliknutí odchytávám v onSuccess formu a následně v handle metodě překresluji snippety. Problém je v tom, že místo toho, aby se mi překreslily atributy jenom pro jednu postavu (tu, jejíž select vyvolal po změně odeslání formu), překreslí se mi attributy pro všechny postavy. Zkrátka, ta vnější snippetArea překreslí uplně všechno a bez ní se nepřekreslí zase nic. Potřeboval bych překreslit jenom jeden specifický snippet uvnitř snippetAreai…

Jde to? Níže přikládám kód.

KOMPONENTA

<?php
class CreateCharacterForm extends BaseControl
{

	/**
	 * @var array
	 */
	public $onSuccess = [];

	/**
	 * @var ICharacterService
	 */
	private $characterService;


	public function __construct(ICharacterService $characterService)
	{
		$this->characterService = $characterService;
	}


	public function render(): void
	{
		$this->template->attributes = Attributes::ATTRIBUTES_LIST;
		$this->template->characters = CreateCharacterFormBuilder::CHARACTER_FORM_LIST;
		$this->template->render(__DIR__ . '/templates/default.latte');
	}


	protected function createComponentForm(): Form
	{
		$form = (new CreateCharacterFormBuilder)->build(new Form);

		$form->onSuccess[] = function (Form $form) {
			/** @var ArrayHash $values */
			$values = $form->getValues();
			if (!$form['create']->isSubmittedBy()) {
				$this->handleSetAttributes($values, Attributes::DEFAULT_ATTRIBUTES_CHARACTER_LIST[$values->currentCharacter]);
			}

			if ($form['create']->isSubmittedBy()) {
				$character = $this->characterService->createCharacter($values);
				$this->onSuccess($character);
			}

		};

		return $form;
	}


	/**
	 * @param ArrayHash $values
	 * @param array     $attributes
	 */
	private function handleSetAttributes(ArrayHash $values, array $attributes): void
	{
		$this->template->defaults = $attributes;
		$this->template->minValues = Attributes::MIN_ATTRIBUTES_CHARACTER_LIST[$values->currentCharacter];
		$this->template->characters = CreateCharacterFormBuilder::CHARACTER_FORM_LIST;

		$this->redrawControl('form');
		$this->redrawControl($values->currentSection . '_section');
	}
}

interface ICreateCharacterForm
{

	/**
	 * @return CreateCharacterForm
	 */
	public function create(): CreateCharacterForm;
}

?>

FORMBUILDER

<?php
class CreateCharacterFormBuilder
{

	public const CHARACTER_FORM_LIST = [
		self::CHARACTER_ONE,
		self::CHARACTER_TWO,
		self::CHARACTER_THREE,
		self::CHARACTER_FOUR,
	];

	private const CHARACTER_ONE = 'character_one';

	private const CHARACTER_TWO = 'character_two';

	private const CHARACTER_THREE = 'character_three';

	private const CHARACTER_FOUR = 'character_four';


	public function build(Form $form): Form
	{
		foreach (self::CHARACTER_FORM_LIST as $characterPrefix) {

			$character = $form->addContainer($characterPrefix . '_section');

			$character->addText($characterPrefix . '_name', 'Name')->isRequired();

			$classes = [null];

			foreach (Character::CHARACTER_TYPE_LIST as $k => $value) {
				$classes[$k] = $value;
			}

			$character->addSelect($characterPrefix . '_class', 'Character class', $classes)
				->setHtmlAttribute('class', 'character-class')
				->setHtmlAttribute('data-section', $characterPrefix);

			$character->addSubmit($characterPrefix . '_submitClass')
				->setDefaultValue($character)
				->setHtmlAttribute('class', 'd-none submit-class');

			$attributes = $character->addContainer($characterPrefix . '_attributes');

			foreach (Attributes::ATTRIBUTES_LIST as $k => $stat) {
				$attributes->addInteger($k, $stat)
					->setHtmlAttribute('onkeydown', 'return false')
					->setHtmlAttribute('max', Attributes::STATISTIC_MAX);
			}

		}

		$form->addHidden('currentSection');

		$form->addHidden('currentCharacter');

		$form->addHidden('bonusPoints')
			->setDefaultValue(50)
			->setHtmlAttribute('id', 'bonus-points');

		$form->addSubmit('create', 'Create');

		return $form;
	}
}
?>

LATTE

<?php

{snippetArea form}
	<form n:name="form" class="ajax">
		<div class="row">
            {foreach $characters as $character}
				<div class="col-3">
                    {formContainer $character . _section}
						<div class="form-group">
                            {label $character . _class}
							<select n:name="$character . _class"></select> <input n:name="$character . _submitClass">
						</div>
						<div class="form-group">
                            {label $character . _name}
							<input n:name="$character . _name">
						</div>
                        {formContainer $character . _attributes}
								<div n:snippet="$character . _section">
                                    {foreach $attributes as $k => $val}
										<div class="form-group">
                                            {label $k}
											<div class="d-flex">
												<input n:name="$k"
														class="attributes mr-4" value="{isset($defaults) && array_key_exists($k, $defaults) ? $defaults[$k]}" min="{isset($minValues) && array_key_exists($k, $minValues) ? $minValues[$k]}">
												<div class="attribute-control d-flex">
													<a href="#" class="increase mr-3">+</a>
													<a href="#" class="decrease">-</a>
												</div>
											</div>
										</div>
                                    {/foreach}
								</div>
                        {/formContainer}
                    {/formContainer}
				</div>
            {/foreach}
		</div>
		<div class="form-group">
			<input n:name="bonusPoints" type="number" disabled value="50">
		</div>
		<input n:name="currentSection"> <input n:name="currentCharacter"> <input n:name="create">
	</form>
{/snippetArea}


?>