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

Ahoj,

měl bych dotaz. Jak jednoduše vymažu všechny filtry programaticky?

Use case:
pokud uživatel příjde z presenteru xyz, nechat filtry co jsou zapamatované, jinak smazat a zobrazit grid bez filtru.

Vím že je můžu mazat jednotlivě metodou removeFilter(), ale jde to jednodušeji? Hrabu se ve zdrojáku a nemůžu nic takového najít.

Ahoj, mám dotaz. Nefunguje mi funkce setRendererOnCondition na sloupci columnStatus, callbacky v ní se vůbec nezavolají. Na jiných sloupcích to funguje normálně. Čím to může být? Nebo dělám něco špatně?

$this->addColumnStatus('state', "Stav")
			->addOption('active', "aktivní")
			->setClass('btn-primary')
			->endOption()
			->addOption('closed', "uzavřená")
			->setClass('btn-danger')
			->endOption()
			->setRendererOnCondition(function () {return 'xxx';}, function () {return true;})
			->onChange[] = [$this, 'changeState'];

Díky.

Ahoj,

začal jsem používat tento doplněk a nevím jestli jsem to někde přehlédnul, je nějaká možnost jak si upravit třídy u tabulky?
potřeboval bych vyhodit třídu: table-striped table-bordered a přidat table-light tak aby nám to grafický ladilo s ostatními tabulky v systému.

@PavelJanda děkuju

@kralik Zkusil bys možná $grid->setDefaultFilter([‚id‘ ⇒ (string) $urlId]);?

Ahoj,

chci se zeptat, jakým způsobem můžu zarovnat text v th vlevo u datumu? který se zarovnává vpravo.

aktuálně to mám takto:

$grid->addColumnDateTime('date', 'training.date')
	->addCellAttributes(['class' => 'text-left'])
	->setFilterDate()
	->setAttribute('type', 'date')
	->setTemplate(__DIR__ . '/../templates/trainingEmployees/grid.date.latte');

Třída se tam sice vloží ale výsledek je takový, že třída text-left je vložená před původní třidu text-right.

Editoval Zdeno1981 (22. 10. 2020 12:14)

@PavelJanda tak opět děkuji, v dokumentaci jsem to přehlídnul.

Ahoj,
pouzivam tento datagrid se zdrojem dat NetteDatabaseDataSource. Bohuzel jsem nenalezl v dokumentaci jak se v tom pripade odkazovat na propojene tabulky – predpokladam ze ref a related lze pouzit pouze u Nette Database Explorer (to ale kvuli slozitejsimu dotazu s JOINy nemuzu pouzit).

Query mam ted zadanou takto (otazka zda ty JOINy s tabulkou c resp. d musi byt hned pri definici datasource) protoze by se pouzily az na vyzadani (viz DOTAZ 3)

$query = 'SELECT a.*,c.essid,d.system_cfg,d.modified AS system_cfg_modified FROM `ubnt_sta` a
            INNER JOIN ( SELECT `lastip`, MAX(`modified`) AS max_modified FROM `ubnt_sta` GROUP BY `lastip` ) b
                ON a.lastip = b.lastip AND b.max_modified = a.`modified`
            LEFT JOIN `ubnt_ap` c
                ON a.ap_ip = c.deviceIP
            LEFT JOIN `ubnt_cfg` d
                ON  a.lastip = d.lastip'
        ;

Pokud si ale zobrazim napr. ItemDetail tak se prida ke query „WHERE id = ‚123‘“ a koncim na

SQLSTATE[23000]: Integrity constraint violation: 1052 Column 'id' in where clause is ambiguous

Pokud se pokusim upresnit ve sloupci

$grid->addColumnText('id', 'ID', 'a.id') nebo $grid->addColumnText('id', 'ID', 'ubnt_sta.id')

koncim :

Cannot read an undeclared column 'a.id', did you mean 'id'?

Kudy na to ?

2. DOTAZ
lze mit u kazdeho radku ItemDetail vicekrat (s ruznou sablonou) ? (napr. pro zobrazeni poznamek, konfigurace atd)

3. DOTAZ
Jak na bunku v gridu navazat rozsirujici dotaz se zobrazenim vysledku prave v ItemDetail popr. v POPUP okne – napr. najetim mysi na polozku spustit vyhledani v DB a dotazeni hodnot. Mohl by mi nekdo poskytnout nejakou kostru mozneho reseni. Dekuji

Ahoj, mohl by se někdo prosím podělit o kousek kódu, který používá v handleSort metodě na ukládání výsledků drag'n'drop sortu? Něco mám, ale ne a ne to odladit na 100%

AHoj, prosim jak to resite?

Pouzivam tento datagrid a super jen jsem na zacatku sveho projektu a casto menim sloupce. Jde o to ze kdyz si nejaky uzivatel filtruje nebo srovnava podle uvedeneho sloupce, ktery ja pak odeberu tak mu to spadne- Jasny je to ulozeny v session a proste se podle toho hleda. Staci pak vymazat cookies ale to asi nejde psat zakaznikum. Nebo pak staci vymazat atresar /temp? Dekuji Martin

Ahojte lidi,

měl bych 2 dotazy:

• lze nějak nastavit, aby konkrétní sloupce nebylo možné skrýt a jiné ano? pokud povolím $grid->setColumnsHideable(); tak se dají skrývat všechny. Nicméně hodila by se možnost, aby se skrývání dalo povolit pouze pro určité sloupce.
• tlačítko s ozubeným kolečkem pro zobrazení/skrytí sloupců zobrazí nabídku sloupců. Při každém kliknutí nabídka zmizí. Lze to udělat tak, aby nabídka zůstala zobrazená dokud se neklikne mimo? tedy chování stejné jako filter multiselect.

Děkuji

@dTTb Cool, díky, poslal bys, pls, PR? Díky!

Ahoj,

měl bych asi jednu připomínku k dokumentaci. Možná by nebylo od věci uvést u inline add, že při použití array datasource je nutné při překreslení znovu získat datasource? Alespoň myslím že tomu tak je. Vždycky hledám proč se mi to nechce překreslit a pak si na to vzpomenu :D Jestli je jiná cesta budu rád když se podělíte. Díky

@PavelJanda máš ho tam

Beru zpet, nemáš. Musim zjistit jak se to dělá :D :D

EDIT 2 : tak snad

Editoval Roman Halaxa (27. 11. 2020 14:34)

Ahoj. Narazil jsem že při překreslení gridu (inline edit/add) se znovu nevyhodnocuje allowRowsAction ani setClass. Je to tak zamýšlené nebo mám něco špatně? Děkuju.

@pavelinnuendo Aktuálně nejde. Ale byla by to super featura! Můžeš poslat PR, rádi ho mergneme. :)

@Šaman Globálně to nejde, ale můžeš si třeba odchytit event DataGrid::$onColumnAdd a pro sloupce typu ColumnDateTime nad tím rovnou volat setAlign(left).

Pavel Janda napsal(a):

@Šaman Globálně to nejde, ale můžeš si třeba odchytit event DataGrid::$onColumnAdd a pro sloupce typu ColumnDateTime nad tím rovnou volat setAlign(left).

Díky, tohle funguje (umístěné v továrně).

	$grid->onColumnAdd[] = function($key, Column $column)	{
		$column->setAlign('left');
	};

Ale měl jsem teď zásek na formátování. Mám v tabulce textový sloupec action (tabula logování uživatelských akcí). A v tabulce bylo dost rozhozené formátování, dokud jsem nezjistil, že col-action má natvrdo nastavenou šířku už v CSS v assetech. Nebylo by lepší si pro sloupce typu Column\Action přidat unikátní třídu a jen tu formátovat? Naštěstí pomohl stejný postup, přidat si pro tento případ unikátní třídu a té vynutit width: inherit; a white-space: inherit;

	$grid->onColumnAdd[] = function($key, Column $column)	{
		if ($key === 'action' and !($column instanceof Action)) {
			$column->addCellAttributes(['class' => 'col-text-action']);
		}
	};

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

@tom subgridy – co přesně tím myslíš? Máš pls ukázku? Nicméně grid v políčku gridu by asi měl jít udělat..

To druhé jde, viz https://contributte.org/…/export.html

jAkErCZ napsal(a):

Mám dotaz když používám funkci addExportCsv jak si vymezím aby mi to třeba vyexportovalo vždy jen aktuální měsíc?

Díky

https://contributte.org/…/export.html#…

K tomu by měla sloužit metoda $grid->addExportCsvFiltered(), ta bude exportovat jen to, co je vidět. Nebo to předat jako parametr metodě $grid->addExportCsv().

Ahojte,
mám jeden konkrétny dotaz.
Datagrid mám nainštalovaný cez npm. Vo svojom projekte používam webpack. Ako správne naimportovať js súbory, aby datagrid fungoval? Skúšal som všeličo, aj som prešiel toto fórum a viem že sa to tu už naškrtlo, ale neviem si rady, a stále končím pri chybovej hláške:

Uncaught Error: Include Naja.js or nette.ajax for datagrids to work!

Ako to má byť správne?

Tu je package.json:

...
"dependencies": {
    "@fortawesome/fontawesome-free": "^5.15.0",
    "assets-webpack-plugin": "^5.1.2",
    "axios": "^0.21.1",
    "bootstrap": "^4.5.3",
    "bootstrap-vue": "^2.21.1",
    "jquery": "^3.5.1",
    "lodash": "^4.17.20",
    "naja": "^2.1.1",
    "nette-forms": "^3.1.0",
    "ublaboo-datagrid": "^6.4.1",
    "vue": "^2.6.12"
  },
...

a súbor main.js:

import jquery from 'jquery';
import 'bootstrap/dist/js/bootstrap.bundle';

import naja from 'naja';
document.addEventListener('DOMContentLoaded', naja.initialize.bind(naja));

import datagrid from 'ublaboo-datagrid/assets/datagrid.js';

import netteForms from 'nette-forms';
netteForms.initOnLoad();
window.Nette = netteForms;


import 'ublaboo-datagrid/assets/datagrid-instant-url-refresh.js';
import 'ublaboo-datagrid/assets/datagrid-spinners.js';

Ďakujem za pomoc.

Ahoj,
nejaky cas prochazim diskuze a snazim se zjistit jaky ‚datasource‘ je pro muj projekt pri pouziti tohoto datagridu nejvhodnejsi.
Jde o to, ze se snazim propojit nekolik tabulek (kazda ma nekolik desitek tisic zaznamu) a pri tom v nich pouzivat agregacni funkce. V tabulkach pribyvaji aktualnejsi polozky a ja potrebuju pro propojeni pouzit vzdy ty nejaktualnejsi – proto ty subselecty s MAX(modified).
Momentalne mi funguje takovyto dotaz – mam to v DIBI/Fluent ale porad si nejsem jisty, jesli to neni mozne zapsat jinak, lepe, rychleji treba pres DatabaseExplorer nebo jiny datasource.

DISTINCT sta.id, sta.lastip, sta.ap_ip, sta.modified, mgcust.customer_id, mgcust.name, mgcust.address
FROM `ubnt_sta` sta
INNER JOIN (
	SELECT `lastip`, MAX(`modified`) AS sta_max_modified
	FROM `ubnt_sta`
	GROUP BY `lastip`
) sub_sta ON sta.lastip = sub_sta.lastip AND sub_sta.sta_max_modified = sta.`modified`
INNER JOIN (
	SELECT ap1.`deviceIp`, ap1.`modified`
	FROM `ubnt_ap` ap1
	INNER JOIN (
		SELECT `deviceIp`, MAX(`modified`) AS max_modified
		FROM `ubnt_ap`
		GROUP BY `deviceIp`
    ) ap2 ON ap1.deviceIp = ap2.deviceIp AND ap1.`modified` = ap2.max_modified
) ap ON sta.ap_ip = ap.deviceIp
LEFT JOIN `mg_customer` mgcust
    ON mgcust.`ip_nat2` = sta.`lastip` AND mgcust.`state` = 3

@pp nevyplatilo by se udelat view a to pak muzes pres Dibi/DatabaseExplorer/… jednoduse pouzit jako datasource?

Doporučuji Dibi.

Děkuji za reakci @Šaman @dTTb @PavelJanda.
Prozatím jsem neměl potřebu řešit ORM, ale ten nový LeanMapper vyzkouším. S DatabaseExplorerem (což pokud dobře chápu je aktuálně podporovaný a perspektivní přístup – i když tady v Datagridu příjdu o ten hezký fluent zápis) jsem si na těchto složitějších dotazech vylámal zuby, ale je pravda, že přes view by to mohlo mohlo být řešitelný.
Na druhou stranu jedná se mi teď o optimalizaci odezvy a už jen použití view mi na mých datech prodloužilo zpracování o cca 20% (interně tomu nerozumím ale prakticky je to tak). Takže v tomto případě asi zůstávám u Dibi.
Existují ještě nějaká best-practice jak dosáhnout co nejrychlejšího načtení dat a stránkovaní v Datagridu? Samotný SQL dotaz zadaný přímo přes PMA je výrazně rychlejší. V MySQL používám cachovaní, na úrovní Nette taky. Díky všem.

Editoval pp (18. 1. 2021 9:26)