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

Ahoj všem,
v rámci DataGridu si zobrazuju a filtruju data, která bych si pak chtěl po filtraci zobrazit na JS mapě. Bohužel nevím jak se k filtrovaným datům dostat. Něco jsem zkusil

class DataGrid2 extends \Ublaboo\DataGrid\DataGrid {

    public function render(): void {
        $this->dataModel->onAfterFilter[] = [ $this, 'afterDataModelFilter' ];
        parent::render();
    }

    public function afterDataModelFilter(\Ublaboo\DataGrid\DataSource\IDataSource $dataSource) : void {
        $p = $this->getPresenter();
        $p->template->data = $this->dataModel->getDataSource()->getData();
    }

}

Měl jsem za to, že takto získám filtrovaná data a předám si je do šablony Presenteru a tady použiju pro JS kod na zobrazení grafu nebo položek v mapě. Každopádně to takto nefunguje.
Nemam v tomto smeru znalosti a zkusenosti, snazil jsem se dohladat analogie ve foru ale nenasel. Poprosil bych o par minut casu nekoho ze zkusenejsich, moc by mi to pomohlo. Dekuji.

Editoval pp (24. 2. 2020 9:22)

Ivorius napsal(a):

Nesetkal se někdo s tím, že by mu ublaboo (datagrid-instant-url-refresh) přepisovalo špatně url?

Mám např. url /admin/pages/?type=posts (což je v v modulu Pages – presenter Homepage – action(type) a render(type) – router správně zachycen na ( [<locale [a-z]{2}>/]admin/<module>/<presenter>[/<action>][/<id>] )

Jenže jakmile tam spustím componentu datagridu, tak se zavolá ajaxem grid-refreshState() a ta vrátí payloadem

state: {locale: "cs", grid-page: null, grid-per_page: 40, grid-sort: {created: "DESC"},…}

a následuje přepsání url adresy na něco takového: /admin/pages/?locale=cs&grid-per_page=40&grid-sort%5Bcreated%5D=DESC

Což jednak smaže type a navíc přidá locale (je @persistent), která je defaultní a standardně v url není.

Pokud type přidám do routeru, pak url zůstane správně /admin/pages/posts?locale=cs&grid-per_page=40&grid-sort%5Bcreated%5D=DESC, tzn. že to asi ořízne vše za otazníkem, což by ale asi nemělo?

@PavelJanda @Ivorius
Vim, že je ten dotaz 2 roky stary, ale bojoval jsem teď s tím stejným. Zmiňovaná metoda refreshState mi z URL odmazávala &do=add.

Nastavit DataGrid::setRefreshUrl(false) nepomohlo, datagrid pořád volal refreshState! a odmazával mi mé parametry. Ostatně v tomto souboru ani není vidět, že by byl pokus o jakoukoli podmínku, skript se jednoduše volá vždy bez vyjímky.

Jediný hotfix, který mi zatím funguje, je nenačítat do stránky zmíněný soubor .../datagrid-instant-url-refresh.js. Doufám, že tím nerozbiju něco jiného?

Ahoj,
myslis z jiny tabulky, nez kterou v datagridu zobrazujes?
Muzes udelat view, kam ten sloupec pridas, nebo si ho pridat joinem.

Nebo myslis mozny stavy generovat z db? Mozna neco jako

<?php
$col = $grid->addColumnStatus('status', 'Status');
foreach($db->table('status') as $s){
$col->addOption($s->id, $s->name)
		->setIcon($s->icon)
		->endOption();
}
?>

@PavelJanda Zrovna u https://contributte.org/…columns.html#… vypadly obrazky :)

máš velmi starou verzi PHP, cca 3 roky

Ahoj,
porad bojuju s tim, ze se mi nedari dostat fitrovana data z Gridu ven do nadrazeneho presenteru.
Resp. data si ulozim do promenne v Modelu ale nedokazu je vykreslit.
Ja bych potreboval po kazde zmene filtru prekreslit snippet v sablone presenteru.
Pravdepodobne se ale sablona presenteru vykresli uz drive a renderDefault() v te dobe jeste nema data
A v eventu onAfterFilter[] prekresneni $this->renderControl(‚filtered_data‘) taky nefunguje.
Mam v tom celkem zmatek.

class DataGrid2 extends \Ublaboo\DataGrid\DataGrid {
    public function getDataModel(){
        return $this->dataModel;
    }
}

//presenter
public function createComponentMyGrid($name){
		$grid = new DataGrid2($this, $name);
        $grid->setDataSource($this->myManager->getDataSource());
        $grid->getDataModel()->onAfterFilter[] = function($dataSource) {
            $this->myManager->setFilteredData($dataSource->getData());
			// tady mam data v sablone
			$this->template->filtered_data = $this->myManager->getFilteredData();
			// ale data obalena do snippetu se nezobrazi
			$this->renderControl('filtered_data');
        };
}

public function renderDefault(){
	// sem se data dostanou ale asi pozde
	$this->template->filtered_data = $this->myManager->getFilteredData();
	$this->renderControl('filtered_data');
}

// presenter template
{snippet grid}
      {control myGrid}
{/snippet}
{snippet filtered_data}
    {dump $filtered_data}
{/snippet}

Nemas tam nejaky js, ktery ti hned po nacteni zpusobi refresh datagridu?

Ahoj,

v konzoli mi vyskakují chyby, které nevím jak odstranit.

1. při každém načtení stránky s datagridem.

nette.ajax.js:225 Uncaught TypeError: this.handleXHR is not a function
    at ajax (nette.ajax.js:225)
    at HTMLDocument.<anonymous> (datagrid-instant-url-refresh.js:21)

Je nutné načítat tohle pro správný běh datagridu?

<script src="{$basePath}/node_modules/ublaboo-datagrid/assets/datagrid-instant-url-refresh.js"></script>

když to nenačítám, tak to chybu nehodí a zdá se, že vše funguje jak má. RefreshUrl mám vypnutý.

2. při ukončení editace small inline editu, tzn. kliknutím mimo editační pole.

nette.ajax.js:225 Uncaught TypeError: this.handleXHR is not a function
    at ajax (nette.ajax.js:225)
    at submit (datagrid.js:650)
    at HTMLTextAreaElement.<anonymous> (datagrid.js:680)
    at HTMLTextAreaElement.dispatch (jquery.js:5237)
    at HTMLTextAreaElement.elemData.handle (jquery.js:5044)

Děkuji za rady

@radas Děkuji za info. Instaluji přes npm a zatím to stále stahuje neopravenou verzi.

@PavelJanda @radas stáhl jsem novou verzi a nyní to hází jinou chybu.

Uncaught TypeError: Cannot read property 'show' of null
    at Object.start (spinner.ajax.js:11)
    at Function.<anonymous> (nette.ajax.js:42)
    at Function.each (jquery.js:373)
    at Object.fire (nette.ajax.js:40)
    at nette.handleXHR (nette.ajax.js:255)
    at nette.ajax (nette.ajax.js:225)
    at dataGridRegisterAjaxCall (datagrid-instant-url-refresh.js:15)
    at HTMLDocument.<anonymous> (datagrid-instant-url-refresh.js:23)

@Čamo jsi zaspal dobu? Už dlouho Ublaboo datagrid je pod Contributte

Bohužel tento odkaz neotevře správně menu vlevo. Klepni v menu vlevo na „Nette UI“ a tam najdeš Datagrid.

@PavelJanda jde to nějak opravit, aby to lidi nemátlo?

@IJVo V jakem prohlizeci ti to dela? Me to otevira ve vsem v pohode.

@Felix v Chrome, Firefox i v Opeře. (Windows 10).
Ukázka jak to vypadá je zde: https://1iq.cz/…2A/R49vY.jpg
Na odkazu https://contributte.org/…te/datagrid/ se v menu rozbalí první skupina, tedy „Nette“.

@Felix Mně se to menu vlevo taky nerozebaluje. Poslední OS X, předposlední Chrome

Naju (i nette.ajax) je potřeba includovat dřív, než script Datagridu. Když pořadí porohodím, hlásí mi to stejnou chybu, ale když načtu hned po jQuery a Bootstrapu Naju a pak teprve ostatní scripty (Datagrid a moje vlastní), tak to funguje.

Ee? $.nette.init() je záležitost nette.ajax.js.
Naju inicializuješ

<script>
	document.addEventListener('DOMContentLoaded', naja.initialize.bind(naja));
</script>

A to stačí až nakonec.

Edit: Aha, ty máš nette.ajax.js. Tak to by mělo fungovat, ta podmína že existuje $.nette by měla být splněná hned po přilinkování – inicializaci je možné provést az na konci. Tak nevím jestli není nějaká chyba v nekompatibilitě, nebo co. Možná pošli ten kus html kódu kde includuješ scripty.

Editoval Šaman (16. 3. 2020 19:12)

Nova URL pro demo je https://examples.contributte.org/…es/datagrid/.

Puvodni domena planette.io se jiz nebude dale prodluzovat. At netristime zdroje a energii.

@Čamo vyšla verze 6.2.11, měla by to řešit…

zkus https://github.com/…tte-datagrid , jen nevím, jestli tam je všechno

@teekey99 Jsi slacku pehapkaru? Můžem tohle klidně komunikovat i s felixem v nějakém channelu, ať to tu nespamujem.. WDYT?

@PavelJanda Nejsem, koho můžu zkontaktovat, aby mě zaslal pozvánku do workspacu? Heroku appka na pozvánky zřejmě nefunguje nebo běží jinde, než je uvedenej link na webu pehapkari…

V composer.json máš (bývá to úplně na konci) nastavenou platform, což je nastavení verze PHP pro ktero má composer vybírat závislosti i v případě, že na stroji máš jinou verzi PHP (používá se to třeba pokud na produkci je PHP 7.1 ale ty už máš doma 7.4 a nechceš aby ti tam composer cpal aktualizace knihoven které nejsou kompatibilní s produkcí).
Nastav tam víc, než 7.1

"config": {
		"platform": {
			"php": "7.4"
		}

Editoval Šaman (23. 3. 2020 12:37)

dTTb napsal(a):

composer jde presvedcit pomoci --ignore-platform-reqs
na locale mi to chodi, ale upgrade php/docker container je lepsi reseni

@dTTb díky moc, toto mi pomohlo, aespoň do doby, než udělám upgrade PHP. Běží mi tam i starší projekty.

V dokumentaci jsem našla odkaz na příklady: https://contributte.org/examples.html, je možné tyto příklady získat jinak, než přes git? Neporařilo se mi to totiž stáhnout.

Cloning into ‚playground‘…
git@github.com: Permission denied (publickey).
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.

Ještě dotaz. Jde udělat to, aby zaškrtnutá pole pro hromadnou akci zůstala zaškrtnutá i při dalším filtrování? Mám na mysli to, že si člověk něco vyhledá, například podle čísla, zaškrtne, pak zase, pak třeba podle části názvu, potom podle kategorie… a pak to vše vybrané nakonec hromadně například poslat na email… To, co jsem zkoušela, tak se mi to, co už mám vybrané, při dalším výběru zase odebere. Totéž i při stránkování. Případ, když máte něco vybrat z několika set položek, tak to prostě bez filtrování nejde…

Zkoušel jsem Nette 3.1 a (pokud se od včerešjka nic nezměnilo) fungovalo všechno, ale Ublaboo\DataGrid vyžaduje "contributte/application" a ta vyžaduje "nette/application": "~3.0.0". Takže bez aliasu teď není možné nainstalovat Nette 3.1 s Datagridem, ačkoliv tam není nekompatibilita kódu, jen omezení na úrovni composeru.