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

Felix napsal(a):

nocturne32 napsal(a):

Ahoj, jak je to s dokumentací datagridu na ublaboo? Pouze to přesměrovává na contributte, ale tam toho moc není, co se informací týče.

Edit: ah, pardon, akorát teď jsem si všiml, že v repu jsou alespoň ty docs více rozepsaný, ale škoda té stránky, byla moc fajn :-)

Ta stranka se premistila na jiny web, jinak obsah zustal stejny nebo lepsi. :-)

Obsah je síce rozšírený ale chýba mi tam zdrojový kód gridov v ukážkach, tak ako to bolo v minulej verzii.

cafesk8 napsal(a):

Zdravím,

mám export do CSV

$grid->addExportCsv('Export', 'users'.time().'.csv')
	->setTitle('Export uživatelů')
	->setColumns([
		$column_email,
		...
		...
	]);

ale klient požaduje aby export byl v XLS, protože pracují s MS Excel a v něm se prý po otevření CSV a opětovném uložení se z něj stane sypaný čaj a všechna data na řádku již nejsou ve sloupcích, ale za sebou na řádku. Dále má problém s diakritikou, která se mu nezobrazí správně (mně ano, stejně tak v Libre Office, tak v Google Sheets).

Máte nějaký nápad jak udělat export do XLS? Nedá se třeba soubor místo stažení prohlížečem pouze někde uložit a pak si ho převést pomocí phpoffice/phpspreadsheet?

Děkuji

Staci pridat export callback

$grid->addExportCallback('Export', [$this, 'generateXls'], true);

a vygenerovat export rucne

public function generateXls($data){
	foreach($data as $d){
		$phpSpreadSheet->...
	}
}

@nocturne32 Chybí na Contributte nějaká informace? Kvůli udržitelnosti jsme přesunuli docs do Readmeček na GitHub. Nicméně, dokumentace by měla být 100%, demo k dispozici aktuální + kódem otevřené (viz https://github.com/…tte-datagrid, https://examples.planette.io/…te/datagrid/). A co se těch Readme týče, jsou zobrazené právě na contributte.org, kde by měly být fakt pěkně čitelné. Snad vše funguje. :)

radas napsal(a):

Ahoj, používám vlastní renderování sloupce a narazil jsem na to, že bych tam potřeboval svůj Latte filtr. Je nějaká možnost, jak ho tam dostat pro tohle použití?

{extends $original_template}

{define col-mujSloupec}
  {$item->sloupec|mujLatteFiltr}
{/define}

Díky

Ahoj,
snažím se taktéž použít vlastní renderování sloupce, ale nedaří se mi.
Prosím mohl bys mrknout níže do kódu a poradit, díky.

Presenter

<?php
...
protected function createComponentGridMujProfil($name) {


        $data = $this->mainModel->findUser('gridLidi',$this->uid);

        $grid = new DataGrid();
        $this->addComponent($grid, $name);
        // nastaveni GRIDu
        $grid->setPrimaryKey('id');
        $grid->setDataSource($data);
        $grid->setItemsPerPageList([50,100,150]);

        $grid->setTemplateFile(__DIR__ . '/templates/Clen/layMujProfil.latte');


        $grid->addColumnText('jmeno', 'Jméno');
        $grid->addColumnText('prijmeni', 'Příjmení');

        $grid->addColumnText('email', 'Email');

        $grid->addColumnText('mobil', 'Mobil');

        return $grid;
    }
...
?>

layMujProfil.latte

<?php
{extends $original_template}

<div class="col-lg-2">
    {define col-id}
        {$item->id}
    {/define}
</div>
?>

@dTTb To je zajímavý nápad, to mě ještě nanapadlo. Neplánuji to, neboť je to hodně specifická věc. Asi nejlíp, když si pro to připravíš vlastní šablonu. Asi by to mělo stačit, bez nutnosti upravovat PHP. 🤔

@Failips

Ad 1, určitě to lze. Zkus prozkoumat metodu DataGrid::handleGetItemDetail()
Ad 2, Je možné, že je tam bug. Poslal bys PR pls?

Dík za tip, preskúmam to. Čo je PR?? :D

Pull request :)

• https://help.github.com/…ull-requests

@dTTb Viz setRenderer()

Narazil jsem na zajimavy chovani (v6.2.3)
mel jsem

<?php
->setFilterSelect(['' => '',] + ($this->database->table('slist')->fetchPairs('id', 'name')));
?>

a v tabulce filtry fungovaly normalne, ale export pri pouziti libovolnyho filtru byl prazdnej.
Po oprave na

<?php
->setFilterSelect(($this->database->table('slist')->fetchPairs('id', 'name')))->setPrompt('');
?>

uz funguje i filtrovani exportu. Nicneme to nekonzistentni chovani me trochu znervoznuje.

Jinak velky diky za super komponentu.

Ahoj,

snažím se jako datasource použít view, ale háže mi to cca v polovině zobrazení stránky chybu
Table 'v_table' does not have a primary key.
(obvykle prvotní načtení gridu bez filtru je ok, nastavení filtru je ok, smazání nebo změna hodnoty filtru končí touto chybou)

Použití:

$grid->setDataSource($this->context->table('v_table'));
// ($context je instance Nette\Database\Context)

Zmíněnou chybu vyhodí někde ve střevech Nette\Database\Table\Selection->getPrimary.
Používáte někdo tento grid nad view?

Díky.

Je nejaka smysluplna moznost, jak si zapamatovat posledni nastaveni datagridu a pak ho pouzit (nejspis) v url, aby se mi datagrid zpatky nacetl v mnou pozadovanem stavu (sort, filter, per page)?

Editaci jednotlivych polozek mam vzdy na vlastni strance. V ramci ni je nekolik formularu, takze muze nekolikrat dojit k odeslani upravenych dat a tim obnoveni stranky. Tzn. tlacitko zpet v prohlizeci pro me neni optimalni volbou, protoze bych se musel n-krat proklikat pres pripadne upravy (odeslani formulare). Potreboval bych vlastni tlacitko zpet, ktere by rovnou mirilo na na uvodni stranku s datagridem a nacetlo ho v jeho poslednim nastaveni.

Editoval suwer (12. 9. 2019 16:16)

Filip111 napsal(a):

Ahoj,

snažím se jako datasource použít view, ale háže mi to cca v polovině zobrazení stránky chybu
Table 'v_table' does not have a primary key.
(obvykle prvotní načtení gridu bez filtru je ok, nastavení filtru je ok, smazání nebo změna hodnoty filtru končí touto chybou)

Použití:

$grid->setDataSource($this->context->table('v_table'));
// ($context je instance Nette\Database\Context)

Zmíněnou chybu vyhodí někde ve střevech Nette\Database\Table\Selection->getPrimary.
Používáte někdo tento grid nad view?

Díky.

Pouzivam (s database 3.0) a jede bez problemu.
Mam view na selectu z jedny tabulky a v nem i sloupec id (PK), nevim jestli to ma vliv na funkci.

Tak setRememberState() mi bohuzel nepomuze, nemuzu vyuzit session jako uloziste. Kdyby uzivatel otevrel nekolik stranek s datagridem a kazdy by si nejak nastavil, zustalo by platne vzdy pouze nastaveni posledniho datagridu.

Budu muset udelat nejaky workaround, asi pres url parametry, aby si kazda stranka pamatovala pouze sve nastaveni.

CzeM napsal(a):

suwer napsal(a):

Tak setRememberState() mi bohuzel nepomuze, nemuzu vyuzit session jako uloziste. Kdyby uzivatel otevrel nekolik stranek s datagridem a kazdy by si nejak nastavil, zustalo by platne vzdy pouze nastaveni posledniho datagridu.

Budu muset udelat nejaky workaround, asi pres url parametry, aby si kazda stranka pamatovala pouze sve nastaveni.

Ukládá se každá instance zvlášť, takže bez problému můžeš.

To plati jenom pro ruzne datagridy (komponenty). V pripade jednoho (napr. users) se vytvori usersDatagrid a stav se do session uklada pod timto identifikatorem. Kdyz ten usersDatagrid otevru ve vice tabech, v jednom nastavim filtr a stranku s druhym refreshnu, tak si nacte ulozeny stav toho prvniho. Ovlivnit se to da jedine tak, ze cely stav bude obsahovat url v parametrech. Pak se i po refreshi stranky spravne nastavi.

Po svuj pripad, kdy se z datagridu prokliknu na detail/edit page a po vykonanych upravach se chci vratit na datagrid (a mit ho nastaveny tak, jak jsem mel), jsem predtim zkousel pouzit query parametry z url requestu, jenze treba filtrovani se posila pres POST a do query parameteru se promitne az po dalsi vykonane akci. V podstate by se mi hodil plne stavovy datagrid bez Ajaxu. Takhle se to snazim nejak obejit.

Editoval suwer (13. 9. 2019 12:11)

@Failips Mohl bys, prosím, toto chování nasimulovat v nějakém github repozitáři a poslat? Mrknu na to. nechť jako základ dema poslouží https://github.com/planette/playground → contributte-datagrid. Je to jednoduché demo, kde se dají takovéto věci docela pěkně testovat. Díkys.

Ok, našiel som čo spôsobuje volanie akcie _datagrid_inline_edit_cancel. Mám tam overovanie, že ak sa daná hodnota rovná NULL tak 2 ďalšie inputy obdržia atribút disabled aby ich užívateľ nemohol meniť. Pokiaľ tento atribút nieje nastavený tak sa formulár odošle.

Riešením je použiť namiesto disabled atribút readonly :)

Kam zmizela ta úžasná dokumentace k datagridu ? Byla to jedna z nejlepších dokumentací doplňků pro Nette. Proč, když je něco dobré, musí se to zničit a nahradit něčím jiným, naprosto děsným ? Velice mne to zklamalo. Velice si vážím celé Nette komunity, ale tohle byl podle mého názoru naprostý přešlap.

Editoval andros (21. 9. 2019 12:14)

Ahoj Felixi,

předně se omlouvám za můj původní příspěvek. Napsal jsem ho , když jsem zdravě naštval, co jsem viděl tu změnu. Vím že pro komunitu děláš hodně a asi to nebylo vůči tobě a ostatním úplně fér.

Původní dokumentace byla přehlednější. Hlavně pro začátečníky. Obsahovala rovnou příklady včetně implementace. Když jsem s Nette a Ublaboo začínal, byl tenhle způsob dokumentace pro mne neocenitelným pomocníkem. U každé sekce byl zdrojový kód implementace, demo i dokumentace. Vše krásně přehledně na jednom místě. Přečetl jsi si co by to mělo umět, povídal jsi se jak je to zapracované a jak to pak funguje. Dnes máš dokumentaci, trošku jinde demo (ale bez ukázkové implementace), takže to musíš srovnávat s tím co najdeš na Githubu.

Pro všechny zkušenější kteří si v dokumentaci potřebují najít něco konkrétního a nechtějí to číst z kódu je současná dokumentace naprosto vyhovující. Já se v současné dokumentaci taky bez problémů vyznám. Ale jen proto, že už hodně věcí vím. Pro někoho kdo ale programuje svůj první, druhý grid v životě byla původní dokumentace od @PavelJanda naprosto intuitivní, jednoduchá a přehledná. A to současné dokumentaci bohužel už chybí.

I když mám s Nette a komponentami víc jak 3-leté zkušenosti, pořád se na to zkouším dívat stejnýma očima, jako když jsem k Nette a komponentám přišel před lety poprvé, naprosto bez zkušeností.

P.S: vyhledávání. Např. „addColumnText“ mi nenajde.

Felix napsal(a):

andros napsal(a):

Kam zmizela ta úžasná dokumentace k datagridu ? Byla to jedna z nejlepších dokumentací doplňků pro Nette. Proč, když je něco dobré, musí se to zničit a nahradit něčím jiným, naprosto děsným ? Velice mne to zklamalo. Velice si vážím celé Nette komunity, ale tohle byl podle mého názoru naprostý přešlap.

Ahoj Jardo, diky za komentar. Aby byl konstruktivni, muzes doplnit co se ti na predchozi libilo a fungovalo vice? At to muzeme vylepsit.

Rozhodně chápu zklamání, které u lidí přichází s odstraněním staré dokumetnace. No, myslím si, že to ještě dokážeme zlepšit. Stoprocentně můžu pod demo ukázky přidat i include presenteru, který demo dělá. + bychom možná mohli prdnout do contributte.org dokumentace iframe vedoucí rovnou na demo? Tohle by byla podle mě úplně boží cesta, jak udělat stejně skvělou věc jako předtím, ale s pozitivy, které pro nás jako autory knihovny přináší nový způsob dělání dokumentace.To s tím iframem možná nebude tak hezké. Uvidíme. I will talk to @Felix :P

1. Divny sort sloupce
Opakovany sort sloupce zpusobuje reset do vychoziho nastaveni razeni. Tzn. prvni sort je ASC, druhy DESC, ale treti resetuje grid do defaultniho razeni. A tak se to cele znovu opakuje. To je pozadovane chovani? Da se to vypnout? V dokumetaci jsem tu moznost nenasel.

Btw. Neplati pro sort sloupce, ktery je nastaveny jako defaultni. Ten se porad dokola spravne radi ASC, DESC, ASC, DESC, …

2. Reset filtru – reset strankovani
U razeni je mozne zapnout si reset strankovani. Je tohle mozne nastavit i pro filtry, resp. reset filtru? Potreboval bych po pripadnem resetu filtru resetovat i strankovani (vratit datagrid zpatky na prvni stranku).

Editoval suwer (23. 9. 2019 13:53)

Pavel Janda napsal(a):

@suwer

1. Ano, to je požadované chování a momentálně to nelze vypnout
2. Nope, to se teď nedá nastavit. Ale líbil by se mi PR, který by to umožnil. 👍

Ad 1) Jen pro zajimavost se zeptam, proc? Jeste jsem nenarazil na datagrid/datatable/view, kde by to bylo takto resene. Diky za odpoved.

Ad 2) S vypnutym refreshem URL mi to funguje (nenacte si page z adresy a spravne si promaze session). Pripadny PR na upravu necham mladsim programatorum, ja uz se k tomu dostanu fakt svatecne :-).

Taky bych řekl, že pokud se řadi nad více sloupci, je ASC, DESC, reset běžné řešení.

Ahoj.
Funguje někomu group action (select) s Nette 3 a aktuálním datagridem 6.2.3? S Nette 2.4 vše fungovalo, po upgradu přestalo. Nezobrazí se mi to tlačítko pro provedení akce (po výběru nějaké položky ze selectu).

Detekoval jsem, že je (asi) chyba v kombinaci datagrid.latte a nové netteForms.js. Na počátku má to tlačítko v šabloně nastaveno display:none s tím, že se později zobrazí. Jenže netteForms.js (funkce Nette.toggle) to dříve dělalo pomocí smazání/nastavení atributu display, ale nově to dělá pomocí property hidden, což jsou jiné věci. Takže se nikdy nezobrazí…
Buď je chyba v datagridu nebo v mé kombinaci assets Nette nebo Datagridu, proto se ptám, jestli to někomu jinému funguje.

Mám. Aktuální assets od Datagridu, i od Nette/Forms. Mám někde zkusit připravit demo?

Jinak v datagrid.latte je (ř. 78):
{input $form_control, class => 'btn btn-primary btn-sm', style => 'display:none'}

V NetteForms.js je (ř. 648):
elems[i].hidden = !visible;
Dříve (ve verzi 2.4) tam ale bylo:
elem.style.display = visible ? '' : 'none';

Takže pokud to má spolu fungovat, buď by v šabloně mohlo být:
{input $form_control, class => 'btn btn-primary btn-sm', hidden => 'true'}
nebo to úplně (kvůli kompatibilitě s oběma verzemi NetteForms) vynechat, protože se to stejně „samo“ skryje (což ale nemám 100% otestované):
{input $form_control, class => 'btn btn-primary btn-sm'}

suwer napsal(a):
Priklad: vychozi razeni je podle ID. Ja kliknu na Name a seradim ASC, dalsim kliknutim DESC (a ze sve praxe ocekavam po dalsim kliknuti ASC, DESC, ASC, …). Pokud se chci vratit k razeni podle ID, tak jednoduse kliknu na sloupec ID a seradim ho.

Namatkou nejake priklady na netu: datatables.net, demos.devexpress.com, datatables.net

To jsou ale všechno jen JS knihovny k řazení obyčejné HTML tabulky. A neumí řazení podle více sloupců. Výhoda Datagridu ja v tom, že se dá řadit podle více sloupců (proto je nutné jiné UI) a on opravdu položí dotaz do databáze kde si vyžádá seřazená data (a ta pak třeba stránkuje a vrátí opravdu jen data pro aktuální stránku).

Tedy stručná odpověď – UI je jiné kvůli možnosti řazení podle více sloupců. Nicméně je to UI pro tuto věc běžné používané. (Třeba Grido.)