Subrequest na signál, který vrací jako response Script

Jo to je mi jasné, ale zdálo se mi to málo elegantní. Chtěl jsem JS, který má udělat nějaký efekt či co, nějak svázat k danému signálu presenteru.

Nakonec mi z toho vylezlo tohle http://ajaxnette.trunecek.net/.

Když klikneš na smazat, udělá se AJAX request (na signál) a ten vrátí normálně v JSON všechny snippety, state, ale navíc script pole, které obsahuje JS kód pro vykonání za

1. ‚before‘ – před vyplněním snippetů (tady je to extrémně zajímavé, viz http://ajaxnette.trunecek.net/…query.ujs.js, čeká se tam na animace)
2. ‚instead‘ – místo vyplnění snippetů (snippety se pomocí JS vůbec nepřekreslí)
3. ‚after‘ – až po překreslení snippetů

Samozřejmě jsem musel upravit jquery.nette.js, navíc jsem tam přidal ještě nějaké featury (inspirace u RoR UJS)

Sepsal jsem si na to vlastní abstract presenter s nativní podporou takových „AJAX skriptů“, celý zdroják ukázky je tady http://ajaxnette.trunecek.net/src.zip

Možná je to prasárna, a proto to sem dávám, co si o tom myslíte?

Ano, to mě také napadlo, ale řekl bych, že tohle tolik nesvazuje variabilitu použití. Co se ti zdá hrozné :-), forma implementace nebo forma prezentace?

Ano to co se generuje za odkazy je správně, aby bylo vidět, že snippet se překreslí až po vykonání ‚before‘ skriptu.

Editoval Trunda (21. 1. 2011 10:54)

Koukal jsi na ten kód? V prezenteru není ani kousek javascriptu.

class HomepagePresenter extends AjaxScriptsSupportPresenter
{

    /** @persistent */
    public $list = array(
        'Položka 1',
        'Položka 2',
        'Položka 3',
        'Položka 4',
        'Položka 5',
        'Položka 6',
        'Položka 7',
    );

    public function handleDelete($index)
    {
        if (isset($this->list[$index])) {
            unset($this->list[$index]);
            foreach ($this->list as $i => $v) {
                $this->list[$i] = $v . ' (snippet načten) ';
            }
        }
        if (!$this->isAjax()) {
            $this->redirect('this');
        } else {
            $this->ajaxTemplate->index = $index;
        }

        $this->invalidateControl();
    }

    public function renderDefault()
    {
        $this->template->list = $this->list;
        $this->template->listCount = count($this->list);
    }

}

abstract class AjaxScriptsSupportPresenter extends \Nette\Application\Presenter
{
    /**
     * Template for ajax scripts
     * @var \Nette\Templates\IFileTemplate
     */
    protected $ajaxTemplate = null;
    protected $ajaxSignalName = null;



    protected function startup()
    {
        parent::startup();
        if ($this->isAjax() && $this->signal !== null
                && $this->signal[0] === '') {
            $this->ajaxTemplate = $this->createTemplate();
            $this->ajaxSignalName = $this->signal[1];
        }
    }

    protected function beforeRender()
    {
        parent::beforeRender();
        if ($this->ajaxTemplate !== null && $this->ajaxSignalName !== null) {
            $this->ajaxTemplate->control = null;
            $this->ajaxTemplate->presenter = null;
            $templateFiles = $this->formatAjaxTemplateFiles($this->getName(),
                    $this->ajaxSignalName);
            foreach(array('before', 'instead', 'after') as $pos) {
                foreach($templateFiles as $file) {
                    if (\is_readable(sprintf($file, $pos))) {
                        if (!isset($this->payload->script)) {
                            $this->payload->script = array();
                        }
                        $this->ajaxTemplate->setFile(sprintf($file, $pos));
                        $this->payload->script[$pos] = (string) $this->ajaxTemplate;
                        break;
                    }
                }
            }
        }
    }

    public function formatAjaxTemplateFiles($presenter, $signal)
    {
        $appDir = Environment::getVariable('appDir');
	$path = '/' . str_replace(':', 'Module/', $presenter);
	$pathP = substr_replace($path, '/templates', strrpos($path, '/'), 0) . '/ajax';
	return array(
		"$appDir$pathP/$signal.%s.latte",
		"$appDir$pathP/$signal.%s.phtml",
	);
    }

}

Každý signál daného prezenteru pak může mít js, pokud např. v templates/Homepage/ajax/ uděláš šablonu delete.before.latte a tam napíšeš ten JavaScript. Takže v tomto připadě mám

{* templates/Homepage/ajax/delete.before.latte *}
$("#item-{$index}").fadeOut(2000);

a

{* templates/Homepage/ajax/delete.after.latte *}
alert('Smazal jsem to.');

Editoval Trunda (21. 1. 2011 14:03)