Grido – DataGrid pro Nette

looky napsal(a):

pepakriz napsal(a):

Přesně tímto řešením jsem chtěl přispět, bohužel jsem zjistil, že to sice vyřeší vykreslování sloupce, ale například napovídání zůstane rozbité.

Bohužel nemám teď moc času, abych se tím zabýval. Kdyby byl někdo jiný ochotný, bylo by to super!

Ono je to lepší řešit přes ten setColumn s callbackem (viz můj předchozí příspěvek), ale právě díky tomu pak nejde řadit a filtrovat (a napovídání jsem radši vůbec nezkoušel :D )

Řešením je nepoužívat NDB!! :D

Né, ale teď vážně. Přístup k najoinovanému sloupci se v NDB řeší takto:

$item->country->title;

Ale třeba řazení se řeší takto:

->order('country.title')

Callback do setColumn() vyřeší první, ale druhé samozřejmě nikoli. Zkus to takto:

$grid->addColumn('country', 'Country')
    ->setSortable()
    ->setColumn('country.title')
    ->setCustomRender(function($item) { return $item->country->title; })
    ->setFilterText()
        ->setColumn('country.title')
        ->setSuggestion(function($item) { return $item->country->title; });

Je to trochu kostrbaté ale jinak to prostě nejde. To „druhé“ volání setColumn() pro filtr by mělo jít udělat „automaticky“ – podívám se na to.

@Jiří Nápravník: tohle Grido neumí a budeš to muset udělat poděděním apod. Mám v plánu se podívat na konfiguraci gridu pomocí config.neon přes nette extension, ale teď jsou jiné priority.

Existuje prosím možnost v posledním řádku gridu (při zakázaném stránkování) sčítat všechny hodnoty ve sloupci? Díky

@o5: Díky za odpověď. Stránkování si myslím že by to nemuselo vypínat automaticky, ale nevím jestli by to pak nějak funkčně nevadilo.

Moje představa, kterou jsem zatím nedokázal realizovat byla, že by to fungovalo jako u filtrů, zavolalo by se na daný sloupec třeba ->addSum() a v přídadě že by alespoň jeden sloupec tuto vlastnost měl, přidal by se do spodní části gridu jeden součtový sloupec. Sčítalo by to číselné sloupce, kdo by chtěl jiné, dopsal by si callback.

Toliko moje naivní představa :-)

Editoval miler (25. 7. 2013 14:29)

@o5: Fajn, pres noc to zkusim pripravit. Dekuji!

News:

K přepsání klientské části Grida jsem se dokopával dlouho, ale pořád jsem to tak nějak odkládal, protože jsem tušil, že to nebude hotové za pár hodin. Po několika nočních studií onoho „javascriptování“, jsem to dnes konečně realizoval a to přesně na 500 řádků :))

1. Byla opravena chyba co mi tu @George hlásil a pár dalších.
2. Využívá nette.ajax.js
3. Hlavní novinkou ale je, že nyní můžete konečně použít prototype a tedy si třeba změnit výchozí datepicker apod. bez modifikace originálního skriptu. Lze takto měnit všechny metody skriptu.

<script>
$.fn.grido.Grid.prototype.initDatepicker = function() {
    this.$element.on('focus', 'input.date').mySuperTruperDatePicker();
};
</script>

4. Nakonec jsem přidal možnost nastavovat options pro skript ($.fn.grido.defaults) z php.

$grid->setClientSideOptions(array('datepicker' => array('mask' => '99-99-9999')));

Je potřeba aktualizovat jak Grido tak jquery.grido.js. Dá se to vyčíst z tohoto a tohodle diffu.

Enjoy :)

Editoval o5 (27. 7. 2013 18:40)

Díky za přepsání client side a podporu nette.ajax.js. Nicméně nejsem úplně znalý, ale pochopil jsem, že application.ajax.js má btýt jako extension pro nette.ajax.js – potom by to asi chtělo vyhodit ten řádek s $.nette.init(); jelikož nette.init() může být zavoláno jen jednou, a to si pravděpodobně volá každý sám ve svém skriptu a nemělo by asi v extension být. A možná bych ještě bylo lepší ten soubor přejmenovat na grido.ajax.js než application.ajax.js. Samozřejmě jsem si obojí udělal sám, ale bylo by lepší mít to asi rovnou.

Ale berte mě s rezervou, jeslti to tak není. Jsem pořád začátečník v univerzu nette.

@o5: Super práce!

Co takhle začít s větvením/tagováním verzí? Když mám rozdělaný projekt a dám update composer update, tak se mohu dostat do nepříjemné situace, kdy celý grid přestane fungovat a nemám možnost, jak se odvolat na nějakou konkrétní větev/verzi.

h4kuna: O tom vím, nechci přijít o updaty, jde mi jen o to, abych se u konkrétní větve mohl spolehnout na zpětnou kompatibilitu.

Ahoj,

mám problém s ajaxovým voláním filtrů. Po každém přefiltrování, resp. i po každém jiném ajaxovém volání pokud jsou připojeny JS soubory grida, odscrolluje stránka až nahoru. Ve výsledku to pak vypadá jako by request ani nebyl ajaxový (ačkoli je). Pokud si připojím jen nette.ajax.js a ne soubory grida, tak se to neděje.

Bylo by možné se na to kouknout, prosím? Dělá to i sandbox co máte jako live ukázku.

Děkuji moc.

Editoval lunak83 (26. 7. 2013 17:53)

o5: Jak jednoduché, stačilo se zeptat hned ráno :-) Díky!

Ještě bych se chtěl zeptat na jednu věc, pokud tu zmíněnou volbu vypnu a v gidu klikám na stránkování, vše běží krásně ajaxově a nevyjíždí to nahoru. Když ale kliknu na stránku 1, odscrolluje to až nahoru. Je to tak, že dokud je za hashem nějaký parametr, je to v pořádku, ale když se grid vrátí do „vyýchozího stavu“, odscrolluje. Ověřeno na čistém sandboxu. Je to takto v pořádku? Děkuji!

Editoval lunak83 (27. 7. 2013 0:17)

@Pajka: těžko říct, já doctrine nepoužívám.. Koukal si na sandbox?

Ahoj, je nějaká možnost jak akce a operace jednoduše zaajaxovat?

BTW možnost inline editace a případný subgrid by z této komponenty udělali naprosto epickou kompomentu.

Ahoj, potřeboval bych vyhledávat ve více sloupcích. Podle dokumentace by to Grido mělo zvládat, ale v příkladě to nefunguje – mělo by se vyhledávat jak ve sloupci ‚firstname‘, tak ve sloupci ‚surname‘, ale vyhledává se pouze v tom prvním.

$grid->addFilterCustom('name', new \Nette\Forms\Controls\TextArea('Jméno nebo příjmení'))
            ->setColumn('firstname')
            ->setColumn('surname', Filter::OPERATOR_OR)
            ->setCondition('LIKE %s')
            ->setFormatValue('%%value%');

Pokud nakonfiguruji svůj filtr podobně, dostávám chybu „argument count does not match placeholder count“. Asi se očekávají dva stringy, pro každý sloupec jeden – takhle by to ale, pokud se nepletu, nemělo fungovat… Lze tedy vyhledávat ve více sloupích najednou? Předem dík za odpověď

Uff, jsem zralej na školení asertivity…

@sinner: jestli víš jak funguje nette.ajax.js (a ajax v nette obecně), tak víš jak si zajaxovat akce a operace.. u akcí ti napovím, že přidání třídy „ajax“ se dělá takto: $action->elementPrototype->class[] = ‚ajax‘;

@pepakriz: ad hasProperty(): kouknu na to

@mere.gee: tohle je bug v array source

@sinner: „Chová se mi to nějak divně“ :)) Zkus popsat problém znovu a třeba se chytnu.

Editoval o5 (31. 7. 2013 23:33)

lunak83 napsal(a):

Existuje prosím možnost jak na základě hodnoty $item->neco `nastavit např. podbarvení celému řádku? Něco jako `setCustomRowRenderer() na základě hodnoty sloupce?

Ja pouzivam toto:

$grid->setRowCallback(function ($item, $tr) {
	if ($item->state == XY) {
		$tr->class[] = 'xy';
	}
	return $tr;
});

o5 napsal(a):

Uff, jsem zralej na školení asertivity…

@sinner: jestli víš jak funguje nette.ajax.js (a ajax v nette obecně), tak víš jak si zajaxovat akce a operace.. u akcí ti napovím, že přidání třídy „ajax“ se dělá takto: $action->elementPrototype->class[] = ‚ajax‘;

@sinner: „Chová se mi to nějak divně“ :)) Zkus popsat problém znovu a třeba se chytnu.

Omlouvám se za debilní dotazy.

Zjistil jsem, že mi nefunguje confirm dialog pokud má akce class ‚ajax‘.
Vypadá to, že zaajaxování přebije ten dialog.

@kolsi: vyhazoval jsem z client-side skriptu zavislosti… obecne je vhodne sledovat diffy co se zmenilo, vetsinou pokud jde o vetsi zmenu doplnuji pod diffem odkaz jak se kvuli tomu zmenil sandbox.. Pokud nechces sledovat jednotlive commity, zustan na otagovane verzi.

sinner napsal(a):

Zjistil jsem, že mi nefunguje confirm dialog pokud má akce class ‚ajax‘.
Vypadá to, že zaajaxování přebije ten dialog.

Můžeš to pls vyzkoušet s grido.js z mastera? Mělo by to již fungovat.

xxxmisko – mozes prosim poslat cele svoje riesenie? Mam presne rovnaky problem. Dakujem.

Inak zatial sa mi podarilo rozbehat ten customrender pre datum ulozeny ako INT:

$grid->addColumnDate('date', 'date', \Grido\Components\Columns\Date::FORMAT_TEXT)
    ->setSortable()
    ->setCustomRender(function($item) {
      return date("j.n.Y,H:i:s",$item->date);
    })->cellPrototype->class[] = 'center';

Vdaka xxxmisko sa mi podarilo urobit aj search od-do pre datum ulozeny ako int. Davam tu uz funkcny kod, mozno to niekomu usetri cas.

$grid->addFilter('date', 'Dátum od', Filter::TYPE_DATE)
    ->setCondition(Filter::CONDITION_CALLBACK, function($value){
      return array('[date] >=%i', strtotime($value));});


$grid->addFilterDate('dateTo', 'Datum do...')
        ->setColumn('date')
        ->setCondition(Filter::CONDITION_CALLBACK, function($value){
    return array('date <= %i', strtotime($value."24:00:00"));});

xxxmisko napsal(a):

ahojte!

mám dotaz, mám stĺpce vo formáte unix timestamp v db, pričom by som tieto chcel nechať zobraziť v gride a aj podľa nich pekne filtrovať na základe klasického formátu ‚d.m.Y H:i:s‘. Vedeli by ste mi poradiť, ako na to? Teraz grido stále zobrazuje ROVNAKÝ/ZLÝ dátum v tvare: 01 Jan 1970, jeho definícia vyzerá nasledovne:

$grid->addColumnDate('zaciatok', 'Začiatok', Grido\Components\Columns\Date::FORMAT_TEXT)
	    ->setSortable()
    ->setFilter();

EDIT!

Už som na to prišiel, na vykreslenie som použil setCustomRender, na filter ->setCondition(Filter::CONDITION_CALLBACK…

Možno by bolo dobré v dokumentácii zmeniť v callbacku asociativné pole za pole normálne, ako je to v príklade. Môj prípad:

(return array('[datum] =%s' => $value)) vrátilo v sql dotaze AND $value

(return array('[datum] =%s', $value)) vrátilo v sql dotaze AND [datum] = $value

Proste, čo je napísané v dokumentácii, mi nefunguje, prebral som to z funkcie gridBirthdayFilterCondition v sandboxe

Editoval JanB (2. 9. 2013 9:42)

toto si myslel?

	$grid->addFilter('datum_od', 'Dátum od', Filter::TYPE_DATE)
		->setCondition(Filter::CONDITION_CALLBACK, function($value){
		    return array('datum_od >= %d', $value);});

Diki za ryhclu odpoved. Kod na callbacky mam tak ako je v mojom poste vyssie (ktory som editoval), ale momentalne mi to nerobi nic… Neviem ci tam este nechyba nejaka konverzia na date? Moja tabulka ma len jeden stlpec „date“ typu INT (PHP timestamp) ktory potrebujem odfiltrovat datumami od/do.

EDIT: nasiel som bug vo Fireloggeri, skusil som zmenit dodany datum na int ale ani to zatial nepomohlo – SQLSTATE[42000]: Syntax error or access violation: 1064

["SELECT COUNT(*) FROM `tabulka` WHERE (`date` >= %`d` = ?)" , ["10.8.2013"]]
["SELECT COUNT(*) FROM `tabulka` WHERE (`date` >= %`d` = ?)" , [1375135200]]

A tiez diki za css tip!

xxxmisko napsal(a):

toto si myslel?

	$grid->addFilter('datum_od', 'Dátum od', Filter::TYPE_DATE)
		->setCondition(Filter::CONDITION_CALLBACK, function($value){
		    return array('datum_od >= %d', $value);});

Editoval JanB (19. 8. 2013 15:38)

Vrela vdaka!! Ja som si pomylil %d pre php sprintf (=integer) s sql %d (=decimal/double). A este tu mame date format „%d“ ktory oznacuje den v mesiaci (1–31)… ;)

Do predosleho prispevku som pastol cely funkcny kod. Diki miso!!!

@na1k: zajímavý požadavek, to by Grido asi mohlo umět :) Zadej issue.

Pri pokuse o rozbehanie Grida dostávam chybu: Cannot read an undeclared property Grido\Grid::$handleFilter

<?php
namespace BackendModule;

use Grido;
use Grido\Components\Filters\Filter;
use Nette\Utils\Html;

class ColourPresenter extends BasePresenter
{

        protected function createComponentGrid($name)
        {
            $grid = new Grido\Grid($this, $name);
            $grid->setModel($this->context->database->table('colour'));

            $grid->setDefaultPerPage(50);
            $grid->addAction('edit', 'Edit');
            $grid->addAction('delete', 'Delete');
            $grid->addColumn('name', 'Name');
        }
}

?>

PHP 5.3.9

Nette 2.0.3

Kde môže byť chyba?