Naja.js odesílání GET formuláře a přepis url

Zdravím,

mám filtrovací formulář, který když odešlete, tak by se měly hodnoty z formuláře předat do url a překreslit určité snippety.

Formulář funguje správně jen tehdy, když není přes ajax.. (když smažu .ajax z formuláře).

Když ho zajaxuji, tak tracy normálně vypisuje, že se něco ajaxového stalo, ale nepředalo se nic z formuláře a když si něco vypíšu ve Succeeded metodě třeba Debugger::fireLog($form->isSuccess());, tak se mi nic nevypíše, nejspíše se to tam vůbec nedostalo..

Když vymažu z formuláře $form->setMethod(Form::GET); , tak se to do Succeeded metody už dostane, ale nepředá se samozřejmě nic do parametrů.

Problém se objevil, když jsem updatoval z nette 2.4 na 3.0 a nahradil nette.ajax.js za naja.js. (s nette 2.4 a nette.ajax.js vše fungovalo).

Napadá někoho něco?

Presenter

<?php

protected function createComponentFilterForm()
{
	$form = $this->formFactory->create();
	$form->setMethod(Form::GET);
	$form->addText('search', 'Hledat');
	$form->addSelect('order_by', 'Řadit podle', array(
		'order_no' => 'Doporučené',
		'newest' => 'Nejnovější',
		'lowest_price' => 'Nejnižší ceny',
		'highest_price' => 'Nejvyšší ceny'
	))->setRequired(true);
	$form->addRadioList('categories', 'Kategorie'); /*Itemy se nastaví v renderu*/
	$form->addSubmit('filter', 'Filtrovat');
	$form->onSuccess[] = [$this, 'filterFormSucceeded'];
	return $form;
}

public function filterFormSucceeded($form, $values)
{
	//Debugger::fireLog($form->isSuccess());
	//Debugger::fireLog($this->getParameters());
	if($this->isAjax()){
		$this->redrawControl('filterListingBlock');
		$this->redrawControl('filterFormArea');
		$this->redrawControl('filterForm');
		$this->payload->postGet = TRUE;
		$this->payload->url = 'https://' . $this->url->getHost() . $this->url->getBasePath() . $this->url->getRelativeUrl();
		//Zkoušel jsem to i bez payloadu a výsledek byl stejný.

	}
}

?>

latte form

{snippet filterForm}
<form n:name="filterForm" class="ajax filterForm">
    <ul class="errors" n:if="$form->hasErrors()">
        <li n:foreach="$form->errors as $error">{$error}</li>
    </ul>
    <div class="row">
        <div class="col-md-12">
            <div class="search err">
                <button type="submit" value="Submit"><span class="fas fa-search"></span></button>
                {input search class => search-input, data-change-filterForm => '', placeholder => 'Vyhledat...'}
                <button type="button" title="Vymazat vyhledávání" n:class="clear-search-input"><span class="fas fa-times"></span></button>
            </div>
            <div class="selectbox err">
                {input order_by class => selectbox-input, data-change-filterForm => ''}
            </div>
            <div class="checkbox-content err">
                {foreach $form[categories]->items as $key => $label}
                    <label class="checkbox-l" n:name="categories:$key">{$label}
                        <input n:name="categories:$key" data-change-filterForm/>
                        <span></span>
                    </label>
                {/foreach}
            </div>
        </div>
    </div>

    <div class="button-offset">
    	{input filter class => 'button small', data-submit-filterForm => ''}
    </div>
</form>
{/snippet}

latte default

{snippetArea filterFormArea}
	{include $filterFormPath}
{/snippetArea}

Další, méně podstatný, dotaz ohledně naja.js..
V dokumentaci se doporučuje initializovat pomocí ‚document.addEventListener('DOMContentLoaded‘, naja.initialize.bind(naja));‚, ale když chci přidat nějaké options, tak jak se to má správně udělat? Může se třeba.. 'document.addEventListener('DOMContentLoaded‘, naja.initialize({ history: ‚replace‘ }).bind(naja));' ? Ale to pak vyhazuje chybu s .bind, tak se může .bind vymazat nebo.. ?