ublaboo/datagrid: mocný, rychlý, rozšiřitelný, hezký, anglicky dokumentovaný datagrid

@sibka

Nová malá verze – v3.1.0

Přidal jsem $column_callbacks. To je pidivěc, která dovolí šáhnout na sloupce těsně před vyrenderováním položek. Ukázka:

$grid->addColumnLink('link', 'Link', 'this#demo', 'name', ['id', 'surname' => 'name']);

$grid->addColumnStatus('status', 'Status')
	->addOption(1, 'Online')
		->setClass('btn-success')
		->endOption()
	->addOption(2, 'Standby')
		->setClass('btn-primary')
		->endOption()
	->addOption(0, 'Offline')
		->setClass('btn-danger')
		->endOption()
	->onChange[] = [$this, 'changeStatus'];

$grid->addColumnCallback('status', function($column, $item) {
	if ($item->id == 2) {
		$column->removeOption(2);
	}
});

$grid->addColumnCallback('link', function($column, $item) {
	if ($item->id == 2) {
		$column->setRenderer(function() {
			return '';
		});
	}
});

Tento příklad odebere option s hodnotou 2 pro položku s id == 2. Pro stejnou položku bude chybět sloupec s odkazem.

Lze manipulovat se všemi sloupci..

Dokumentace zde.

Editoval Pavel Janda (24. 3. 2016 10:28)

@pitr82 Omlouvám se, zapomněl jsem return..

Přesně proto strávím víkend nad psaním testů.

Editoval Pavel Janda (24. 3. 2016 12:32)

@pitr82 Tohle je poslední verze: https://github.com/…/datagrid.js#…

V tom Grido to je celkem hnusny reseni…
Jaky je spravny sql dotaz na pocitani a co vlastne vypisujes? Neslo by vybirat z tabulky order?

Ahoj,
měl bych další dotaz. Řeším teď responzivnost webu a bohužel mi datagrid trochu utíká z contentu. Chtěl jsem se zeptat, zda jsem něco v dokumentaci přehlédnul, nebo zda bys mi neporadil, kde změnit styly, aby se celá tabulka přizpůsobila (potřebuji do 320 px).
Díky

@Dark0ne Doporučuji si vytvořit vlastní template datagridu. Nebo jen upravit. Já, pokud potřebuji responzivní administraci například, vytvořím si vlastní template, kde vůbec nefiguruje element <table>.

@PavelJanda Díky za radu. Ještě jsem se chtěl zeptat, najednou mi začal blbnout filtr na datum. Stává se to, že když kliknu pro výběr konkrétního data z kalendáře, tak asi za sekundu se refreshne stránka a ten výběr zmizí a člověk tam musí najet znovu. Netušíš, čím by to mohlo být?

Editoval Dark0ne (2. 4. 2016 12:59)

Pavel Janda napsal(a):

@PavelKouřil
1, No že by se mi chtělo používat pro templaty filtrů statické proměnné, to se říct nedá.

Konečně jsem se vrátil k projektu kde datagrid používám, a chci se vrátit k tomuto :)

Nešlo by ty filtry mít nějak taky na to přetížení vlastní šablonou? Např. předefinování bloku {filterDateRange}; a nebo nastavování templatu filtru v gridu, a možnost konfigurace gridu s vlastními defaultními templates filtrů.

@PavelKouřil DataGridí filtry mohou mít vlastní šablonu. Co se týče definice šablon filtrů pomocí bloků, přidávám to do issues na githubu, taky se mi to líbí.

@PavelJanda: V pohodě díky, já už jim to vysvětlil jako feature, že si mají nejdřív řadit a pak až filtrovat a neotravovat programátory. :D

@PavelJanda: Nadsázka. :) Ví o tom, jak to dočasně obejít, sám se na to chtěl podívat hlouběji v neděli, pokud by to byla feature. Takže určitě se běž někam bavit radši večer.

@pitr82 v3.1.5 Docílíš toho metodou Status\Option::setClassInDropDown('' /* Nebo tvoje jina trida */):

$status->addOption(1, 'Online')
	->setClassInDropDown(NULL); // By default 'ajax'

@PetrSteinbauer To jistě takto nelze – formulář je vytvářen nad rodičovskou komponentou, tedy aktuálně DataGridem. Momentálně je nejjednodušší podědit si DataGrid, kde si vytvoříš továrničku formuláře.

Pokud vymyslíš nějaký podnětný příklad a ještě někdo se připojí s prosbou o implementaci nějakého dynamického řešení, založ issue na takovou feature.

Editoval Pavel Janda (11. 4. 2016 15:28)

@PetrSteinbauer Tak pojďme to probrat bod po bodu:

1. Makro n:href nelze používat, protože v komponentě se odkazuješ právě na tu komponentu. Musíš použít makro plink, pokud chceš odkázat na presenter. To platí pro celé Nette a všechny komponenty, najdeš to v dokumentaci Nette.
2. Chybí ti tam namespace, hádám: {Nette\Utils\Strings::webalize($item->title)}
3. To už jsem psal v bodě 1

Je pravda, že bych mohl nějak udělat dynamické načítání component ještě v datagridu. Zapřemýšlím nad tím. Do té doby (jak jsem už psal) si můžeš jednoduše podědit DataGrid a v tvé třídě (class MyGrid extends Ublaboo\DataGrid\DataGrid) si vytvoříš továrnu potřebného formuláře. Pravděpodobně budeš časem chtít použít i Nette\Application\UI\Multiplier, k tomu třeba ještě napíšu nějakou ukázku.

Super, tohle hoď do issue, akorát odeber ty odkazy a použití statické metody Strings::webalize.. :)

Editoval Pavel Janda (11. 4. 2016 21:12)

Tušíte proč by mi mohl datagrid při exportu do CSV vyhazovat chybu:

Component '' is not attached to 'Nette\Application\UI\Presenter'

Kod:

function createComponentVyhledavaniNaWebu()
{
    $Grid = new DataGrid();

    $Grid->setDataSource($this->Searching->getTblSearching()->getAll());
    $Grid->setItemsPerPageList($this->itemsPerPage);
    $Grid->setDefaultSort(array("date" => "DESC"));


    $Grid->addColumnDateTime("date", "Datum")->setSortable();
    $Grid->addColumnText("term", "Pojem")->setSortable()->setFilterText();
    $Grid->addColumnText("url", "Na URL")->setSortable()->setFilterText();
    $Grid->addColumnText("ip", "Počet hledání")->setSortable()->setFilterText();

    $Grid->addExportCsv('EXPORT', 'examples.csv');

    return $Grid;

}

Stejnak je to divné. Mrknu.

Petr Steinbauer napsal(a):

@exquis : pěkná náhoda:
teď jsem viděl zmíněnou chybu: Component '' is not attached – měl jsem 2× jsAjax pracování za sebou (v base a presentu) – jedno jsem vyřadil a vyřešeno. Asi to nebude to samé, že ne?

bohužel, u mně je spouštěč přidání „$Grid->addExportCsv(‚EXPORT‘, ‚examples.csv‘);“ do kódu, dokud to tam není, tak vše běhá bez problému. Chybu vyhazoval už na verzích okolo 2.1.(nevím přesně), kdy byl export již zabudován, ale myslel jsem, že je to někde má chyba, tak jsem to neřešil s tím, že to zkusím později.

Bohužel ani později se to nepovedlo.

Pavel Janda napsal(a):

@PetrSteinbauer Tak pojďme to probrat bod po bodu:

1. Makro n:href nelze používat, protože v komponentě se odkazuješ právě na tu komponentu. Musíš použít makro plink, pokud chceš odkázat na presenter. To platí pro celé Nette a všechny komponenty, najdeš to v dokumentaci Nette.
2. Chybí ti tam namespace, hádám: {Nette\Utils\Strings::webalize($item->title)}
3. To už jsem psal v bodě 1

---

Je pravda, že bych mohl nějak udělat dynamické načítání component ještě v datagridu. Zapřemýšlím nad tím. Do té doby (jak jsem už psal) si můžeš jednoduše podědit DataGrid a v tvé třídě (class MyGrid extends Ublaboo\DataGrid\DataGrid) si vytvoříš továrnu potřebného formuláře. Pravděpodobně budeš časem chtít použít i Nette\Application\UI\Multiplier, k tomu třeba ještě napíšu nějakou ukázku.

Super, tohle hoď do issue, akorát odeber ty odkazy a použití statické metody Strings::webalize.. :)

Taky bych se přikláněl nějaké ukázce… Díky

@CZechBoY Zatím je to v masteru, během pár dní (možná dnes) vyjde v3.2. V té to bude otagované.

@tatyalien Stačí si napsat vlastní datasource, který bude implementovat Ublaboo\DataGrid\DataSource\IDataSource (sortění, filtrování, limitění apod, klasika).

Pokud s tím máš velký problém, můžeš dát někde na github svůj (kompletnější) způsob získávání dat a já se pokusím nastínit implementaci datasourcu.

Editoval Pavel Janda (17. 4. 2016 22:04)

@PavelJanda hodil jsem hodně osekanou ukázku na bitbucket
Díky za ukázku :)

Narazil jsem na drobnost. Když filtru nastavím hodnotu:

$grid->addColumnText('status', 'Stav')
	->setFilterSelect([...])
	->setValue('value');

tak se sice zohlední při filtrování, ale ne při vykreslení selectboxu.

Btw, filtrování přes multiselect by bylo taky fajn.

Pavel Janda napsal(a):

Nová verze – v3.2.0

• Definice šablony filtru je již možná i pomocí bloku (http://ublaboo.paveljanda.com/datagrid/filter#…), @PavelKouřil

Skvělé!

Ale pořád se nedají změnit např. všechny filtry typu daterange, že? Řídí se to podle parametru key v metodách jako addFilterDateRange(), pokud jsem dobře pochopil?

@PavelKouřil Ano, je to tak. Upřímně, do teď mi nedošlo, že by to mělo jít nastavit i takto globálně pro stejný TYP filtrů. Píšu si issue..

Super práce – radost sledovat vývoj. :)
Ten multiselect – jsem také pro silviomoreto/bootstrap-select