Grido – DataGrid pro Nette

Nefunguje mi checkbox filter, zkouseno na sandboxu bez modifikaci, testovani s nasledujicim kodem v sandboxu (array datasource):

$grid->addFilterCheck("ok", "Ok?"); // NEFUNGUJE
$grid->addFilterSelect("ok", "Ok?", array("" => "", 0 => "NOK", 1 => "OK")); // FUNGUJE

Url se meni v zavislosti na filtru, ale data jsou stale stejna.
Url pri pouziti select filtru i check filtru je shoda → zde problem neni, pokud je check filter, data se proste nefiltruji

@rumcais1: na to už existuje nějakou chvíli issue, ovšem stojí to na tom, že jsem nezjistil jak se to dělá v Doctrine.. Jestli znáš Doctrine, tak to tam doplň.

o5 napsal(a):

@rumcais1: na to už existuje nějakou chvíli issue, ovšem stojí to na tom, že jsem nezjistil jak se to dělá v Doctrine.. Jestli znáš Doctrine, tak to tam doplň.

No já teď válčím z mssql2005 a fluent dibi. Ale to je kapitola sama pro sebe přepisuji dibi driver i grido. Jen mi zaujalo tohle. Že to nemůže fungovat i jinde. Ale do „issue“ jsem nekoukal. Díky

Jakým způsobem řešíte button pro vkládání nových záznamů? Možná jsem to přehlídl, ale nikde to nevidím. Samozřejmě můžu dát někam mimo grid link na stránku s formulářem pro vložení, ale zajímalo by mě, jestli to nějak řeší Grido – třeba přes odkaz v patičce nebo něco podobné … Díky

tom napsal(a):

Jakým způsobem řešíte button pro vkládání nových záznamů?

Tohle si řeší každý sám. Zkus se podívat na šablony nějakých placených administrací, jak si to tam řeší. Neviděl jsem žádnou, která by to měla přidané k tabulce, která se stará o výpis. A z toho důvodu ani žádnou metodu $grid->addToolbarButton() jak tu někdo kdysi navhroval Grido nemá a ani v dohledné době mít nebude.

Oli napsal(a):

Připravuje se verze, která bude obsahovat inline editaci, tam by to mohlo byt reseno.

To tam opravdu řešeno nebude.

@Pipaslot: Něco mi nejde, tak je to hned zajímavý bug viď :)) Co třeba v callbacku pro operation zavolat na konci nějaký $that->redirect(‚this‘)?

Nevím jestli je to bug přímo giro, ale mam chybu v actionEvent confirm pokud je zpracováván ajaxem (nette.ajax.js).

Pokud vypnu ajaxaci, tak to funguje v pořádku. Pokud event nechám zpracovat ajaxem, tak se prvně provede ten ajax a až pak se mě to ptá, jestli teda chci ten event provést nebo ne.

Doufám teda, že to nepoužívám špatně.

$grid->addActionEvent('remove', 'Odstranit', function($item, \Grido\Components\Actions\Event $event){
		$this->articleFacade->getArticleModel()->delete($item);
		$event->grid->reload();
	})
	->setIcon('remove')
	->setConfirm(function($item) {
		return "Opravdu chcete odstranit položku {$item->title}?";
	});
	->getElementPrototype()->class[] = 'ajax';

Je to bug, nebo nějakej tip jak to fixnout?

jedná, omlouvám se za „duplicitní dotaz“. Díky ;-)

OMG! Chtělo by to JS testy, nechce je někdo napsat? :D

@Jiří Nápravník: Zkus to takto (psáno z hlavy)

initActions: function()
{
    var that = this;
    $('.actions a', this.$table)
        .off('click.grido')
        .on('click.grido', function(event) {
            var hasConfirm = $(this).data('grido-confirm');

            if (hasConfirm) {
				$(this).off('click.nette');

				if (confirm(hasConfirm) && $(this).hasClass('ajax') && that.ajax) {
					that.ajax.doRequest(this.href);
	                event.preventDefault();
	                event.stopImmediatePropagation();
				} else {
					event.preventDefault();
                	event.stopImmediatePropagation();
				}
            }
        });
}

Editoval o5 (2. 4. 2014 0:58)

@Climber007: Jak si myslel to upravovaná přes JS? Jediný co se tam při ajaxu děje je tohle (nahrazení čtyř znaků)

Climber007 napsal(a):

Myslel jsem, že všechno co je za hashem je tam předáváno přes JS. V tom případě když nepředám rodiče hned do konstruktoru, tak se URL ani nehne. Resp. rodič je obalovací komponenta nikoliv presenter.

A vracíš vůbec dole v továrně objekt Grido, když nepředáváš rodiče přes konstuktor?

Editoval o5 (2. 4. 2014 10:53)

o5 napsal(a):

Climber007 napsal(a):

Myslel jsem, že všechno co je za hashem je tam předáváno přes JS. V tom případě když nepředám rodiče hned do konstruktoru, tak se URL ani nehne. Resp. rodič je obalovací komponenta nikoliv presenter.

A vracíš vůbec dole v továrně objekt Grido, když nepředáváš rodiče přes konstuktor?

Nevracel jsem, ale i když ho vrátím, URL se nemění.
Jen abychom si rozuměli, komponentu mám takto:

class GridControl extends ...
{
    protected function createComponentGrido($name)
    {
        $grid = new \Grido\Grid($this, $name);
        ...
	return $grid;
    }
}

A pracuju s ní viz. planette.

Ahoj,
kdosi tady chtěl (nedávno) podporu pro MultiSelect selectionBox. Včera jsem ji taky potřeboval, takže se můžete mrknout na tento commit a třeba použít. (Trochu je jiné odsazování NetBeans, ale snad to moc nevadí)

Závislost je na tomto pluginu (a bootstrap 3) a do client-side jsem přidal i grido.ext, kde je multiselect zapojen.

Na bootstrap 2.3.2 nějak nechce chodit událost zavření dropdown-menu…

Použití je:

<?php
$grid->addColumn...(...)->setFilterMultiSelect('multiselect', 'Název', $items);
?>

Je to jen taková rychlovka, ale třeba to někomu k něčemu bude :-)

Editoval sasule (3. 4. 2014 9:25)

sasule napsal(a):

Ahoj,
kdosi tady chtěl (nedávno) podporu pro MultiSelect selectionBox. Včera jsem ji taky potřeboval, takže se můžete mrknout na tento commit a třeba použít. (Trochu je jiné odsazování NetBeans, ale snad to moc nevadí)

Závislost je na tomto pluginu (a bootstrap 3) a do client-side jsem přidal i grido.ext, kde je multiselect zapojen.

Na bootstrap 2.3.2 nějak nechce chodit událost zavření dropdown-menu…

Použití je:

<?php
$grid->addColumn...(...)->setFilterMultiSelect('multiselect', 'Název', $items);
?>

Je to jen taková rychlovka, ale třeba to někomu k něčemu bude :-)

Výborně, zrovna jsem se chtěl zeptat, jestli jde nějak jednoduše udělat MultiSelect filter :-) jenom koukám, že to nefunguje pro ArraySource, tak se musím podívat, jak to vlastně funguje :)

Koukal jsem do sandboxu, jak je řešeno zobrazení dat z joinovaných tabulek.
Je tam použito customRendereru

<?php
        $renderer = function($row) {
            return $row->contact->firstName;
        };
        $grid->addColumnText('firstName', 'Jméno')
                ->setSortable()
                ->setColumn('contact.firstName')
                ->setCustomRender($renderer)
                ->setCustomRenderExport($renderer)
                ->setFilterText()
                    ->setSuggestion($renderer);
?>

Napadlo mě, zda by nebylo lepší použít tečkové notace a sloupec definovat takto:

<?php
        $grid->addColumnText('firstName2', 'Jméno')
                ->setSortable()
                ->setColumn('contact.firstName')
                ->setFilterText();
?>

A nálzežitě k tomu upravit ArrayObjectAccessor->getProperty, kde v místě zpracování objektu, projít tečkovou notaci a zanořit se do subobjektů:

<?php
public static function getProperty($object, $name) {
        {...
        } elseif (is_object($object)) {
/* Pridana cast kodu */
            if (\Nette\Utils\Strings::contains($name, '.')) {
                $arNames = preg_split('|\.|', $name);
                $obj = $object;
                foreach ($arNames as $item) {
                    if (is_object($obj)) {
                        $obj = $obj->$item;
                    }
                }
                return $obj;
            }
/* /Pridana cast kodu */
            return $object->$name;
        } ...
    }
?>

Určitě to není dokonalý a nevím jak to ovlivní jiné typy DataSource, mě to zatím posloužilo a přijde mi definice sloupce takto přímější a kratší.
Používám NDB a Grido 1.0.6

@Oli:

ad 1: koukal si na ArraySource example?

ad 2: co třeba takto?

$items = ['' => ''] + $this->getList()->fetchPairs($key, $value)

Editoval o5 (10. 4. 2014 17:01)

přišel jsem na jeden námět jak vykreslovat actions
Trochu jsem se tu ztrácel v jejich definici a lámal si hlavu jak lépe řešit disable a přidání ajax do class a jak mít větší kontrolu nad vykreslením až mě napadlo to udělat takto:

<?php
...
	$grid->addActionHref('acountGridActions', '')
                ->setCustomRender($this->acountGridActions());
    }

    private function acountGridActions() {
        return function ($item, Nette\Utils\Html $el) {
            $tpl = $this->createTemplate();
            $tpl->setFile(__DIR__ . '/../templates/acount/acountGridActions.latte');
            $tpl->acount = $item;
            // tahle cast resi renderovani pri ajax requestu / bez ni se render cykli
            $tmp = $this->snippetMode;
            $this->snippetMode = false;
            $html = $tpl->__toString();
            $this->snippetMode = $tmp;

            return $tpl->render();
        };
    }
?>

No a v té šabloně mám k dispozici vše důležité.
$user pro kontrolu oprávnění
$acount pro přístup k právě zobrazované řádce
$el tam nepotřebuji – html mi vytvoří šablona a je to obsah jednoho td v tabulce gridu

V gridu vlastně vyvářím fiktivní action, kterou pak ani nevykreslím. Takže by se možná hodilo přidat do gridu actionsCustomRenderer callback s jedním parametrem $row a nebo možná rovnou actionsTemplate kam přířadím cestu k latte souboru.

Editoval verex (11. 4. 2014 22:09)

@kolsi: je potřeba definovat render pro export přes $column->setCustomRenderExport(). Možná by tam mohla být nějaká metoda $column->disableExport(), ale „samo“ se to rozhodně nevypořádá.

Editoval o5 (16. 4. 2014 16:10)

kolsi napsal(a):

Takhle na pár místech budu mít zbytečně duplicitu, pokud setCustomRender a setCustomRenderExport budou stejné.

Udělej si na to metodu a použij jí jako callback u obou. :)

Release 2.0

Intro:

Před skoro měsícem mi přišel email od @Jakub Kopřiva, že si má v rámci předmětu ve škole vybrat projekt, do kterého bude v průběhu semestru přispívat. Jsem rád, že si vybral právě Grido a pustil se do implementace inline editace, po které bylo tolik voláno. Ještě před rokem a půl jsem se na možnou inline editaci v Gridu díval skepticky, ale zřejmě díky Admineru (kde ji často využívám) jsem změnil názor a tak jsem tomu mohl dát volný průběh. Současná implementace je výsledkem ‚párového programování‘, protože jsem si neustále vymýšlel něco nového anebo to Jakubovi rozbíjel pod rukama :))

Inline editace:

Hlavní novinka verze, přejděme na use case. Vypadá váš grid nějak takto? Tedy používá výchozí sloupce, Nette Database a rádi byste přidali inline editaci? Pohodlně se usaďte, protože tenhle běžný požadavek uděláte v Grido 2.0 takhle jednoduše: $grid->setEditableColumns()! Pokud totiž jako datasource používate NDB je to skutečně takto jednoduché, protože metoda update() je implementovaná přímo v Grido\DataSources\NetteDatabase. V rámci jednoduchosti jsem se rovněž rozhodl, že ve většině případů při inline editaci dostačuje input type text. Občas je ale potřeba použít něco jednoznačnějšího, třeba selectbox, pro tuto situaci je tu $column->setEditableControl(). Inline editace tedy pokračuje v trendu, který charakterizuje celé Grido – minimum kódu, pro naprosto běžné požadavky při tvorbě výpisu položek.

Pro ostatní datasource se nám takto jednoduše metoda update() nepodařila naimplementovat, takže vám nezbyde nic jiného než nastavit vlastní callback a to jako první parametr metody $grid->setEditableColumns(). Toť asi vše, na další dotazy by měla odpovědět dokumentace nebo demo. Raději ještě upozorňuji, že je potřeba udělat update i klientské části (grido.js, grido.css).

Další minor věci:

• Columns: Label nyní může být i objekt \Nette\Utils\Html (Issue 116)
• Columns: Odebral jsem „cool url sorting representation“ (↑/↓) protože to v Safari nefungovalo (Issue 123)
• Client-side script: Snad už konečné vyřešení problému s nette.ajax.js vs grido confirm (Issue 114)
• DataSources\Doctrine: vylepšení Doctrine Paginator (Issue 125)
• Podpora Nette 2.2

Outro:

Od doby co jsem zveřejnil Grido, se objevilo pár lidí, co chtěli přispět na vývoj. Stěžovali si na absenci donate buttons apod. Nyní by již neměl být problém, donate buttons jsem přidal na stránky projektu :)) Vyjádřít dík se ale dnes nechá i pomocí Github star, takže rovněž můžete učinit i třeba takto :P

Enjoy!

Editoval o5 (29. 4. 2014 15:51)

Zdary,
na uvod – komponenta je skvela! I'm lovin it :)

Ted k dotazu, da se nejak vytvorit u addActionHref jiny odkaz nez s defaultnim ?id=x? Delam jakousi anketu a potrebuju se z gridu dostat na jeho vlastni otazky skrze parametr ?id_anketa=x, ale grido mi tam defaultne cpe to ‚id‘, resil to nekdo?

<?php
$grid->addActionHref('otazky', 'Otázky')->setIcon('question-sign'); // zde vytvorit odkaz s parametrem 'id_anketa' a ne 'id'
$grid->addActionHref('edit', 'Editovat')->setIcon('pencil');
$grid->addActionHref('delete', 'Smazat', 'delete!')->setIcon('trash')->setConfirm("Opravdu?");
?>

Diky! :)

To je hodne divoky! Ale diky :) Napadlo me udelat actionDummyOtazky($id), na ktery povede odkaz z gridu, a kde bude pouze redirect na actionOtazky($id_anketa). Takze ted zvazuju co je vlastne „hezci“ reseni :)

Ja napsal(a):

Zdary,
na uvod – komponenta je skvela! I'm lovin it :)

Ted k dotazu, da se nejak vytvorit u addActionHref jiny odkaz nez s defaultnim ?id=x? Delam jakousi anketu a potrebuju se z gridu dostat na jeho vlastni otazky skrze parametr ?id_anketa=x, ale grido mi tam defaultne cpe to ‚id‘, resil to nekdo?

<?php
$grid->addActionHref('otazky', 'Otázky')->setIcon('question-sign'); // zde vytvorit odkaz s parametrem 'id_anketa' a ne 'id'
$grid->addActionHref('edit', 'Editovat')->setIcon('pencil');
$grid->addActionHref('delete', 'Smazat', 'delete!')->setIcon('trash')->setConfirm("Opravdu?");
?>

Diky! :)

Zkus to takto:

$grid->addActionHref('otazky', 'Otázky')
	->setPrimaryKey('id_anketa')

o5: Cannot read an undeclared column „id_anketa“.

ale tak, to se da udelat tak ze vyberu „id as id_anketa“…

Nevíte někdo, prosím, jak můžu změnit výchozí datovou množinu pro grid?

• V definici gridu nastavím výchozí množinu dat v setmodel($this->connection->query($mujdotaz_sql)->fetchAll();).
• Pak vnějším filtrem množinu dat změním, ale jak ji potom přenastavím v modelu gridu?

Nejde mi na to rozum, protože po změně se nová data načetla správně, ale po setřídění podle nějakého sloupce se načetla opět výchozí množina dat a ne ta nová.

Díky.

Editoval dryb (7. 5. 2014 11:55)