Nahrávání RadioListu AJAXove podle vyberu

Podívej se třeba na tento příklad. Jde o to, že bys měl vyrenderovat rovnou vše a nepotřebné věci skrýt. A poté po kliknutí pouze zobrazit konkrétní část a ne načítat AJAXem. Takhle ti aplikace bude fungovat (i když méně komfortně) i bez JavaScriptu a vyhneš se časovému zdržení při AJAXovém požadavku.

to nAS:
hmmm, krome toho, ze se mi to nepodarilo rozchodit, je taky problem, ze nevim, jak vytahnout z jednoho radiolistu aktualni hodnotu a podle toho odkryt pozadovany div…

zkusil sem to takhle:

$form->addGroup('Způsob dodání');
$sub = $form->addContainer('shipping');
foreach($shipping->getShipping()->select('*')->fetchPairs('id','title') as $id => $title) {
$sub->addRadioList('shipping'.$id,'', array($id => $title))
  ->addRule(Form::FILLED, 'Vyberte způsob dodání')
  ->addCondition(Form::FILLED, TRUE) // conditional rule: if is checkbox checked...
    ->toggle('paymentBox'.$id); // toggle div #sendBox

}

$form->addGroup('Způsob platby');
$sub = $form->addContainer('payment');
foreach($payments->getPayments()->select('shippingId')->toFluent()->setFlag('DISTINCT')->fetchAll() as $row) {
  $form->addGroup()
    ->setOption('container', Html::el('div')->id('paymentBox'.$row->shippingId));
  $sub->addRadioList('payment'.$row->shippingId,'', $payments->getPayments()->select('*')->where('shippingId = %i',$row->shippingId)->fetchPairs('id','title'))
    ->addRule(Form::FILLED, 'Vyberte způsob platby');
}

Aaaakorat, ze diky tomu mam vic radiolistu, takze muzu vybrat zaroven dva druhy dopravy i dva zpusoby platby…

Diiiiiiky moc :) facha to…

Tak nakonec jsem to rozpohyboval (pozadavek totiz skoncil pri volani neexistujici funkce spinner() – casem dopisu), ale nenacitaji se mi hodnoty do druheho selectboxu:

Mam to takto:

<?php
if ($form->isSubmitted())
            {
                // teprve nyni dosadime hodnoty
                $form['mesto']->setItems( ... );

                if ($form->isValid()) {

                }
            } else {
                $form['mesto']->setDisabled();
                $form['submit1']->setDisabled();
            }
?>

Tady nevim co mam dosadit za hodnoty i kdyz dam napr $form[‚mesto‘]->setItems(array(1 ⇒ ‚hodnota1‘)); tak se mi toto pole nenacte.

Dale mam funkci loadBox()

<script type="text/javascript">
function loadBox(phase, value)
{
        if (phase === 1) {
                // zvolena hodnota prvniho select boxu
                $('#frmregistraceForm-submit1').attr('disabled', true);

                // zobrazi symbol, že se něco načítá
                //spinner();

                // natáhne obsah druheho selectboxu pomocí AJAXu
                $.get("?do=loadData", {"value": value, "phase": phase}, function(data) {
                        $('#frmregistraceForm-mesto').parent().html(data);
                });

        } else if (phase === 2) {
                // zvolena hodnota druheho select boxu, povolí tlačítko submit
                $('#frmregistraceForm-submit1').attr('disabled', false);
        }
}
</script>

handler je takovyto:

<?php
public function handleLoadData($phase, $value)
    {
        $form = $this->template->form;
        $data = new Database();

        if ($phase == 1) {
                // naplníme select box prvky a vypíšeme na výstup
                $form['mesto']
                    ->setItems($data->getMesta()->select(array('id', 'nazev'))->where('kraj = %s', $value)->orderBy('nazev')->fetchPairs('id', 'nazev'));
                $form['mesto']->setDisabled(FALSE);
                echo $form['mesto']->getControl();
        }

        // konec zpracování
        $this->terminate();
    }
?>

Editoval dotTwelve (24. 6. 2009 18:12)

Cannot send header after HTTP headers have been sent (output started at app/presenters/InstitutionPresenter.php:244).

To je presne na radku, kde mam:

<?php
echo $form['mesto']->getControl();
?>

Editoval dotTwelve (30. 6. 2009 9:20)

a opravdu ti nefunguje ten postup, ktery je popsany v Spojeni formulare s AJAXem??? I pres upozorneni, ktere tu hodil PHX??? Protoze mi prijde, ze resi presne tvuj problem…

aha :) no problem je v tom, ze kdyz pouzijes ten jquery kod, tak ti Handler vraci vysledky v JSONu, ale s tim navod v tom druhe threadu nepocita, takze to nebude fungovat…

kdyz ho nepouzijes (tzn. nedas do <head> tag <script … /> tak ti to bude vracet HTML a melo by to byt v cajku…

dle meho

<script src=„/0.1/document_root/js/jquery.nette.js“ type=„text/javascript“></script>

ale nevim jak ti to ovlivni ten datagrid… pripadne pres {ifCurrent … } ho na te konkretni strance vyhod…

Tak Content-Type v hlavičce odezvy handleru změníš takto:

$response = Environment::getHttpResponse();
$response->setHeader('Content-type', 'application/json');

Problém má 2 řešení, buď pro danou stránku vynecháš:
<script src=„/0.1/document_root/js/jquery.nette.js“ type=„text/javascript“></script>

nebo tu komunikaci, resp. odpověď z handleru předěláš na json řetězec a potřebně upravíš.

Bohužel tomu rozumím dost málo, abych ti konkrétněji pomohl, ale třeba se někdo najde.

Ten ti vypíše ten HTML kód pro formulář.

Pořadí by mělo být:

1. hlavička
2. obsah
3. v handleru musíš mít $this->terminate();

Ještě se může stát, že z handleru ti to vrací chybu, tedy celou stránku s Debug výstupem, kde se hlavička už posílá. Nevím jestli používáš Firebug, ale tam by to bylo vidět.

Editoval romansklenar (30. 7. 2009 11:36)

No i kdyz vynecham ten script jquery.nette.js tak to zlobi.
Jj mel jsem mezi tim prestavku, pak jsem myslel ze se na to vybodnu ale rikam si, ze mozna uz jsou dobri lide po dovoleny a radi pomohou ;)
Tvoje reseni Romane?

A v jaké situaci vlastně ty selectBoxy chceš použít? Nebude vhodnější použít jeden selectBox s větší hloubkou?
Jako že do addSelect nacpeš:

array(
	'test' => 'test',
	'test1' => 'test1',
	'podtest' => array(
		'test2' => 'test2',
		'test3' => 'test3'
)
)

Pokud těch položek není stovka, tak to bude fungovat, bude to přístupnější a v konečném důsledku použitelnější, ne?

Prave ze je tam toho dost, jedna se totiz nejdriv o vyber kraje, pak vyber mesta, a pokud existuji mestske casti tak jeste treti select.

Cuga – presne tak, vzal jsem to z prikladu, kde to takto je…rad bych uvital moznost dodelani pro jQuery.

Nasel by se nejaky dobrak, co by byl ochoten vysvetlit problem s jQuery, popripade upravil priklad od Davida?

Editoval dotTwelve (31. 7. 2009 14:27)

To je schválně, aby nešlo měnit hodnoty například v selectu zvenčí přes javascript nebo přes úpravu zdrojového kódu např. v opeře.

Máš 3 varianty:

1. zajistit, aby měl formulář po odeslání stejnou definici, jako před změnou AJAXem – toho můžeš docílit pomocí dodatečných parametrů
2. podědit třídu SelectBox a nastavit pole $allowed po nastavení položek v poli na všechny možné hodnoty
3. $form['select']->getRawValue() a ověřovat ručně

Zrovna před týdnem jsem začal pracovat na komponentě AjaxSelectBox, která umožňuje propojení s normálním SelectBoxem, s vypuštěním jsem čekal na úpravu v Nette, pokud to nepůjde, budu ji muset vydat „zaprasenou“. Má to ale pár mušek:

• musí se to renderovat ručně, nebo se zobrazí jen label
• musíš tomu předat dost speciální pole položek (prostě pro každou hodnotu z „nadřazenýho selectu“ musíš přidat alespoň jednu podřazenou položku), které může být dost velké (plánuju napojení na DibiDataSource, zatím jsem to ale s dibi nechtěl moc svazovat)
• je to dost svázané s AJAXem, bez něj se nezobrazí ovládací prvek a je třeba formulář odeslat ručně (pak se již prvek zobrazí)
• mohou blbnout chybové hlášky

AjaxSelectBox

Editoval Ola (7. 3. 2010 8:56)

ukazu ti jak to mam a co mi nefunguje :)

$form->addSelect('shipping', 'Doprava', $shippingsArray)
    ->setDefaultValue($shipping)
    ->controlPrototype->class('select');
...
$form->addGroup('Dodací údaje');
    $sub = $form->addContainer('delivery');
    ...
    $sub->addSelect('country', 'Stát', $countries)
        ->controlPrototype->class('select');
    $sub['country']->getControlPrototype()
        ->onchange('loadBox(this.value);');

potom handler

public function handleLoadData($part, $value)
{
    $form = $this->template->form;

    if($part == 'shipping') {
        ...
        $form['shipping']->setItems($shippingsArray);
        echo $form['shipping']->getControl();
    } else if($part == 'payment') {
        ...
    }

    // konec zpracování
    $this->terminate();
}

a zpracovani formulare

$shipPrice = $this->shippingsModel->getShippingPrice($form['shippingLimit']->value,$form['shipping']->value,$form['delivery']['country']->value,$cart->cartSum);

a pokud nekdo zmeni stat, tak je v $form[‚shipping‘]->value NULL dle ocekavani… pokud dam $form[‚shipping‘]->getRawValue()->value, tak si taky nepomuzu, protoze mi vraci to puvodne vybrane ID

tak nakonec jsem to poresil pres to getRawValue, ale pri finalnim testovani v IE6–8 jsem narazil na hodne velkou neprijemnost, kdyz zmenit stat, tak se mi misto zmenenych selectu vypise

{"redirect":"http:\/\/localhost\/div-shop\/kosik\/"}

pritom JSON data by vracet vubec nemel. resili jste to nekdo? zadny nette jquery plugin nalinkovany nemam…

pokud nekomu pomuze, tak hlavicka vracena FF

object(RedirectingResponse)#55 (2) { ["uri":"RedirectingResponse":private]=>  string(83) "http://localhost/div-shop/kosik/dodaci-udaje/?do=loadData%3Fpart%3Dshipping&value=2" ["code":"RedirectingResponse":private]=>  int(301) }

a IE vraci

object(RedirectingResponse)#64 (2) { ["uri":"RedirectingResponse":private]=> string(32) "http://localhost/div-shop/kosik/" ["code":"RedirectingResponse":private]=> int(302) }

Editoval cuga (17. 3. 2010 15:51)

tak mohlo za to v session $verificationKeyGenerator…

Toto jsem už vyřešil. Ne přes persistentní parametry, ale přes hidden pole. Zásadní je uvědomit si, jak se komponenta formuláře chová při jeho odeslání.

Vždy se volá nejprve createComponent!!!

Při signálu s parametrem id není tento parametr po odeslání formuláře již dostupný, takže správný postup:

<?php
$form = new AppForm($this, 'form'); //v tento okamžik má formulář k dispozici i parametry signálu
$id = $form->getParam('id'); //při odeslání formuláře není dostupný
$input = $form->addHidden('id');
if (is_null($id)) $id = $input->getValue(); //při odeslání formuláře nahrazuje parametr hidden
$input->setValue($id);
...
?>