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

Pěkný. Líbí se mi možnost práce se skupinou zatržených řádků.

Plánuješ do budoucna přidat možnost seskupení řádků?
Např. mám stromové zobrazení kategorií – takže se mi na začátku ukážou všechny nadřazené kategorie, po rozkliknutí třeba „+“ se mi pod tou nadřazenou kategorií zobrazí podřazený kategorie.
Případně bych si to nakodil znova sám pokud to půjde nějak jednoduše jako třeba v o5/gridu.

👍 Hezké.

Dávám velké + za propracovanou dokumentaci.

U http://ublaboo.paveljanda.com/…id/tree-view jsem našel chybku.
Jde vyjmout potomka z rodiče, ale když vyjmu potomky všechny. Tak už je tam nejde vložit.

@Myiyk Díky. Ano, vím o tom. Má to nyní prioritu number one. Bohužel budu muset asi přepsat šablonu tree view, protože knihovnička jquery ui sortable, kterou v datagridu používám, má pěkně zbastlené api a pokud náhodou metodou pokus-omyl nenajde člověk něco složitějšího, co hledá, nemá šanci docílit kýženého efektu. Dnes/zítra se tomu budu věnovat.

@CZechBoY Myslíš v tom tree view? Tedy, pokud by podkategorie některé kategorie měly > X záznamů, zobrazil by se u nich paginator?
@Oli Nope, nemá. Jeden z důvodů, proč začal vznikat vlastní.

Editoval Pavel Janda (1. 2. 2016 8:51)

@CZechBoY Zajímavý nápad. Dávám to do issue jako enhancement.

Editoval Pavel Janda (1. 2. 2016 14:43)

Opravdu hezká dokumentace.

Možná to sem nepatří. Ale kdyby to nativně řešilo „zaškrtnutí všech“ s výjimkou těch, které nesplňují nějaké podmínky bylo by to famózní. :) Tj. seznam 100 řádků a já chci vybrat třeba, jen „ženské“.

@PavelKravčík můžeš filtrovat jen ženské a potom označit vše, ne ?

@PavelJanda: Omlouvám se, špatně jsem se vyjádřil. A příklad by ještě horší. Tohle je samozřejmě super a chápu to. Myslel jsem omezit možnost group-action pro některé řádky nezávisle na filtrech. Tj. uživatel může vidět vše, ale třeba jen tohle může smazat. Teď to řeším složitě přes JS.

Např. něco takového:

	$dataGrid->RowCallback = [$this, 'allowRows'];

	...

	public function allowRows($row)
	{
		if($row->foo == 'bar')
		{
			$row->setDisabledGroupAction();
		}

		return $row;
	}

Ale třeba je to blbost řešit každou eventualitu. :)

@PavelJanda Pěkný možná někdy začnu používat. V dokumentaci nefunguje filtrování a na hlavní stránce vypisuje error, vše s vypnutým javascriptem.

@PavelJanda Jak vyřešit Many-To-One renderování v tabulce.

Zkoušel jsem to takto –

$queryBuilder = $queryBuilder->select('p, c.code')
                        ->from(System\Shipping\PickupPlaces\PickupPlace::class, 'p')
                        ->leftJoin('p.currency', 'c')
                        ->where('p.transportCompany = 1');

Výstup pak vypadá takto. Tedy hlavní entita (p) se hodí do dalšího pole. Jde to vyřešit nějak čistě?

Jinak díky za parádní doplněk! Přišel v tu nejvíc vhodnou chvíli kdy chystám nový projekt a vypadá zatím bezvadně!

@JakubKontra Paráda! Díky :-)

@akadlec Ono to v přímé vazbě je, je tam Many-To-One vazba na Currency entity, nicméně to úplně ignoruje, takže předpokládám že to bude v Hydratátoru, kterej Datagrid používá. Každopádně můžu se plést :-)

@jiri.pudil Díky, o tom jsem ani nevěděl. Zkoušel jsem, ale neúspěšně. Nedovolí mi to udělat 2 FROM – „Cannot count query which selects two FROM components, cannot make distinction“.

Nová verze – v1.1.0

• Přidány podmínky pro výpis akcí a hromadných akcí (ukázka). Ping @PavelKravčík.
• Updaty JS, stromový výpis konečně zanořuje nové potomky do rodičů.
• Možnost definování nadpisu sloupce blokem {block col-name-header}.
• Opravy

Editoval Pavel Janda (4. 2. 2016 0:14)

Ten problem s doctrine sa nepodarilo niekomu vyriesit?

Nová verze – v1.2.0

• Data z Doctriny nejsou již předávána v poli, ale klasicky jako entity.
• Třída Row, která obaluje vypisované položky, umí přistupovat k „properties“ entit. Dohromady to znamená, že (na pozadí za pomoci balíčku symfony/property-access, pokud doctrine) můžete jednoduše zobrazovat „related“ entity a jejich data. Příklad: mám třídu User a ta má property $name. Dále má property $grandma – to je babička uživatel, též instance třídy User. Pokud chci vypsat uživatele a vedle něj jméno jeho babičky, docílím toho jednoduše takto:

$grid->addColumnText('name', 'Name', 'name');
$grid->addColumnText('grandma_name', 'Grandma', 'grandma.name');

• Ještě malinká změna v JS – sorting: Neposílá se v url parametr ID, ale ITEM_ID – více info v zavřeném github PR#46. Díky za fix @DavidZadražil.

@castamir též díky za inspiraci na poslední PoSobotě.

Editoval Pavel Janda (4. 2. 2016 1:07)

@fizzy Pokud tomu správně rozumím, tak chceš toto? Příklad: User nemá jen jednu babičku, ale víc babiček. Chci vypsat v gridu usery a k nim jejich babičky – buď jména oddělené čárkami, nebo jen jednu babičku – tu nejstarší. Příklad řešení „babičky oddělené čárkami“ pomocí orm (řešil bych to normálně přes group_concat, ale nevím, jak se to dělá v Doctrině, takže orm-ově):

class FooPresenter
{

	public function createComponentGrandmaGrid
	{
		# ...
		$grid->addColumnText('username', 'Username');
		$grid->addColumnText('grandmas', 'Grandmas', 'names_of_grandmas');
	}

}


class User
{

	/**
	 * one to many blabla
	 */
	private $grandma;


	public function getNamesOfGrandmas()
	{
		$return = [];

		foreach ($this->grandmas as $grandma) {
			$return[] = $grandma->name;
		}

		return implode(', ', $return);
	}

}

Opět – nepoužívám doctrinu, takže nevím, jak efektivně vytáhnout jednu nejstarší babičku. V LeanMapperu bych zavolal například getOldestGrandma(), to by mi vrátilo nejstarší babičku jako instanci Usera. Potom bych přidal textový sloupec:

$grid->addColumnText('grandmas', 'Grandmas', 'oldest_grandma.name');

Nutno zmínit, že pokud by babička neexistovala, nemá se odkud vytáhnout property name té neexistující instance. Datagrid s tím počítá. Vrací v takovém případě NULL. Pokud datagridu změním property $strict_entity_property na TRUE, tak bude křičet, že instance, odkud má brát property name, neexistuje.

Editoval Pavel Janda (4. 2. 2016 10:21)

@fizzy Koukl jsem se to dokumentace doctriny a já bych to řešil třeba takto:

1, Entita Pricing:

class pricing
{

	private $price;

	private $currency;

	/**
     * @ManyToOne(targetEntity="Product", inversedBy="pricings")
     * @JoinColumn(name="product_id", referencedColumnName="id")
     */
	private $product;


	public function getPrice()
	{
		return $this->price;
	}

}

2, Entita Product:

class Product
{

	private $name;

	/**
	 * @ORM\OneToMany(targetEntity="Pricing", mappedBy="product")
	 */
	private $pricings;


	public function getName()
	{
		return $this->name;
	}


	public function getMainPricing()
	{
		$criteria = Doctrine\Common\Collections\Criteria::create()
		    ->where(Criteria::expr()->eq("currency", "CZK"))
		    ->setFirstResult(0)
		    ->setMaxResults(1);

		$pricing = $this->pricings->matching($criteria);

		return !empty($pricing) ? reset($pricing) : NULL;
	}

}

3, V gridu vypíšu požadovanou měnu:

$grid->addColumnText('price', 'Price', 'main_pricing.price');

Jak říkám, s doctrine neumím a tohle jsem teď vykoukal z dokumentace. Ale snad jsem nastínil svůj myšlenkový pochod..

Editoval Pavel Janda (4. 2. 2016 11:10)

@chap

Zkus toto:

$grid->addColumnText("name", "Jméno", "u.name")->setSortable();
$grid->addFilterText('name', 'Search', 'u.name'); // Nebo ['u.name', 'u.address', ...] pro vyhledávání nad více sloupci

@PavelJanda: Zkoušel si „item detail“ pro ArrayDataSource?

V případě, že vyzkouším tohle na jednoduchý datagrid (1 textColumn):

$grid->setItemsDetail(function() { return 'Lorem Ipsum'; });

Argument 2 passed to Ublaboo\DataGrid\DataSource\ArrayDataSource::applyFilter() must be an instance of Ublaboo\DataGrid\Filter\Filter, array given – nemělo by to být těžké zduplikovat.

Zkoušel jsem definovat primaryKey a nastavit setRemmeberState na FALSE pro jistotu.

Tenhle příklad by měl být funkční nebo něco dělám špatně? :) Díky.

$grid = new \Ublaboo\DataGrid\DataGrid($this, $name);
$grid->setPrimaryKey('id');

$grid->setDataSource([['id' => 1, 'name' => 'Pavel']]);

$grid->addColumnText('name', 'Jméno');

$grid->setItemsDetail(function() { return 'Lorem Ipsum'; });

@PavelJanda
Je v datagridu možnost custom edit control?
Zobrazí se mi validační errory při ajaxovým updatu?

btw https://ctrlv.cz/V7XX

Editoval CZechBoY (9. 2. 2016 18:16)

@CZechBoY @PavelJanda Konkrétne ide o issues #18 a #38.

Šel by nějak jednoduše použít Kdyby/Translation, (využívam členění pomocí teček např. customers.list.email) pro základní texty které jsou v datagridu? Líbí se mi řešení, že pak nemusím překládat zvlášť název každého sloupce, akce atd.

Je možné skrýt select box s výběrem počtu záznamů na stránku? Nerad bych to řešil v css, prostě bych chtěl, aby se to vůbec nevykreslovalo.

Editoval Hurass (18. 2. 2016 20:42)

Díky za rychlou odpověď i ochotu, už se těším.

@Hurass Takhle přesně asi ne, ale je to dobrý nápad, přidám to. Ale, lze například vytvořit dvě různé akce a jedněm položkám to jednu akci zakázat a některým zakázat tu druhou (docu zde). Nebo lze na základě dat položky ovlivnit třídu celé row (tedy třeba přes css skrýt dané akce (docu tamtéž, jen kousek dole).

Ale díky za nápad.

Taky mě napadlo, jestli nechceš něco jako mám v ukázkách ten status. To je prostě sloupec s vlastní šablonou. Taky akce má svoji šablonu a můžeš ji nastavit na jinou – svoji.

@Hurass Aj, na to jsem zapomněl odpovědět. Z principu by to jít nemělo, protože komponenta odkazuje vždy jen sama na sebe a své subkomponenty. Takže je vhodné to řešit právě šablonou. Nicméně, ještě se nad tím zamyslím.

Taky to můžeš řešit v rendereru:

$grid = $this;

$grid->addColumnText('a', 'A')
	->setRenderer(function($item) use ($grid) {
		return Html::el('a')->href($grid->getPresenter()->link('this'))
			->setText('Klikni');
	})