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

@PavelJanda jop, je to na localhostu, v CD-collection to jde, v mém projektu ne, a config, model i databázi mám z cd-collection

@PavelJanda link .. můžeš zkusit, já už to vidím snad na nějakej bug

Editoval Mart78 (1. 6. 2016 20:08)

@PavelJanda jeej, tak to jsem přehlídl, díky moc :) jdu si užívat krás datagridu

@kralik Přidal jsem do tagu 4.2.3. Ukázka:

$grid->addColumnStatus('status', 'Status')
	->setOptions([1 => 'Online', 2 => 'Standby'])
	->onChange[] = [$this, 'changeStatus'];

Pokud chceš potom přistoupit k jednotlivým Options, potom takto:

$grid->getColumn('status')->getOption(2)->setClass('btn-primary');

@kralik Ano, takhle je to cajk.

Ahoj @PavelJanda
Nejprve bych Ti chtěl poděkovat za datagrid, který je konečně awesome! Mám dvě otázky:

1. Je možné přidávat tlačítka do pravého horního rohu gridu? (tam, kde se zobrazuje tlačítko na přidání řádku a skrývání sloupců)
2. Jak mohu při vypisování sloupcí za použití Database/Context sáhnout do jiné tabulky? Mám strukturu 1:m a v tabulce users ukládám id kategorie a z tabulky categories následně chci vytáhnout title kategorie.

Díky!

Díky za rychlou odpověd.

Představuji si to jako klasické přidávání akcí, takže něco jako:

$grid->addToolbarAction('do something', 'something', 'doSomething!');

Momentálně bych si tam chtěl přidat tlačítko na schovávání filtrů (BS Collapse).

Editoval David Kregl (31. 5. 2016 19:34)

@PavelJanda Jsem rád, že se Ti můj nápad líbí, ještě dnes Ti pošlu symbolický donate.
Můj grid zatím vypadá takhle: http://jpeg.cz/…/31/TJ4d.png

Používám vnější renderování filtrů, a tak si to představují nějak takhle:

$grid->setFiltersHideable();

A očekával bych, že se celý <div class=„row row-filters“></div> obalí patřičným elementem, aby si BS sám inicializoval ten collapse (viz http://getbootstrap.com/javascript/#…).

Editoval David Kregl (31. 5. 2016 20:23)

Mohl by jste někdo dát příklad funkce handleSort? Mám s tím problém.

    public function handleSort(array $ids, $item_id = null, $prev_id = null, $next_id = null) {
        $httpRequest = $this->context->getByType('Nette\Http\Request');
        dump($httpRequest);
        dump($next_id);
        dump($item_id);
        die;
        $category = $httpRequest->getQuery('category');
...
}

Navíc to nic nevydumpuje. Můžu nějak získat pole všech id? … chtěl bych použít tuto funkci:

function updateOrder($id_array, $category_id){
    $count = 1;
    foreach ($id_array as $id) {
        $update = $this->getService('categoryProduct')->findBy(array(
            'product_id' => $id,
            'category_id' => $category_id
            ))
            ->update(array(
            'ordering' => $count
        ));
        $count ++;
    }
    return true;
}

@FJP uz som to tu raz daval:

public function handleSort($item_id, $prev_id, $next_id){
        $prevRow = $this->database->table("tabulka")->where("id", $prev_id)->fetch();
        $newOrderId = $prevRow ? $prevRow->position + 1 : 1;
        $this->database->query("UPDATE tabulka SET position = position + 1 WHERE position >= ?", $newOrderId);
        $this->database->query("UPDATE tabulka SET position = ? WHERE id = ?", $newOrderId, $item_id);
    }

Sortování:
mám sortování podle cizího klíče.

V sloupci se může vyskytovat null hodnota.
když třídím ručně, tak to sortuje i null hodnoty.

EDIT: i když jsem nahradil null hodnoty za cizí klíče, tak problém přetrvává

http://localhost/testGrid/?myGrid-sort[u.name]=ASC

• tohle funguje

když odejdu na jinou stránku a vrátím se zpět na grid, vyhodí chybu :

Ublaboo\DataGrid\Exception\DataGridException
There is no column at key [u.name] defined

Pamatuje si, že chce sortit podle cizího sloupce a s null hodnotou si zřejmě neporadí.
Jde zakázat aby si pamatoval nastavení gridu v session ?

Dotaz pro grid

return $this->em->getRepository(Test::class)->createQueryBuilder('t')
		->leftJoin("t.user","u");

Editoval pitr82 (8. 6. 2016 6:15)

@pitr82 Jakou používáš verzi? Sortící klíč přenášený v URL už by se neměl dlouho přenášet podle jména sloupce, ale podle klíče sloupce.

@pitr82 Díky za report. Zatím je to fixnuté v masteru. Otagované to bude v příští verzi.

Můžeš si zase zapnout session.

Editoval Pavel Janda (10. 6. 2016 8:20)

@pitr82 Sortění je momentálně implementované pouze opdlejednoho sloupce. Nějak jsem zatím nepřišel na UX návrh vícero sortítek, který by se mi líbil.

V tom sort bys měl mít něco jako [‚name‘ ⇒ ‚ASC‘]

@PavelJanda Dovoluji si se připomenout :-)

sibka napsal(a):

@PavelJanda Ahoj, narazila jsem na jednu chybku v NetteDatabaseTableMssqlDataSource.php. Při použití filtru typu DateRange se mi to nefitrovalo včetně zadaného data.

Všimla jsem si nesouladu formátu data ve funkci applyFilterDateRange (řádek 40)

Parametr 112 formátuje na yyyymmdd, ale datum z filtru je ve formátu Y-m-d (správně by mělo být Ymd).

Ahoj, sdílím řazení řádků pomocí tohodle super gridu ;)… já se s tím docela natrápil, možná by to šlo i jednodušeji, dělal jsem to poprvé. Ale říkal jsem si, že to sem dám, kdyby to někomu pomohlo.

public function handleSort($ids, $item_id, $prev_id, $next_id) {
    $prev = $this->context->getService('categoryProduct')
            ->findOneBy(array(
                'product_id' => $prev_id,
                'category_id' => $this->categoryId
            ));
    $item = $this->context->getService('categoryProduct')
            ->findOneBy(array(
                'product_id' => $item_id,
                'category_id' => $this->categoryId
            ));
    $next = $this->context->getService('categoryProduct')
            ->findOneBy(array(
                'product_id' => $next_id,
                'category_id' => $this->categoryId
            ));

    $category = $this->context->getService('categoryProduct')
        ->findBy(array(
                'category_id' => $this->categoryId
            ))
        ->where('product_id <> ?', $item->product_id);

    if ($prev && $next) {
        if ($item->order < $next->order && $item->order < $prev->order) {
            $item->update(array('order' => $prev->order));
            $counter = $prev->order;
            foreach ($category
                ->where('order <= ?', $counter)
                ->order('order DESC') as $item) {
                $counter--;
                $this->context->getService('categoryProduct')
                    ->findOneBy(array(
                        'product_id' => $item['product_id'],
                        'category_id' => $this->categoryId
                    ))->update(array('order' => $counter));
            }
        } elseif ($item->order > $next->order && $item->order > $prev->order) {
            $counter = $next->order;
            $item->update(array('order' => $counter));
            foreach ($category
                ->where('order >= ?', $counter)
                ->order('order ASC') as $item) {
                $counter++;
                $this->context->getService('categoryProduct')
                    ->findOneBy(array(
                        'product_id' => $item['product_id'],
                        'category_id' => $this->categoryId
                    ))->update(array('order' => $counter));
            }
        }
    } elseif ($prev && !$next) {
        $item->update(array('order' => $prev->order + 1));
    } elseif ($next && !$prev) {
        $item->update(array('order' => $next->order - 1));
    }

    if ($this->isAjax()) {
        $this['productsGrid']->reload();
        $this->redrawControl('alerts');
    } else {
        $this->redirect('this');
    }
}

Jeden produkt může být ve více kategoriích, proto je tabulka categoryProduct

@pavelJanda Ahoj, zase jsem se trochu zasekl.
Potřebuji vynásobit výsledek a pro tento výsledek udělat SUM.

Zkoušel jsem to pomocí DB, ale s tím si grid neporadí, protože AddSelect rozšíří pole $item[0,cena]

$this->em->getRepository(Sms::class)->createQueryBuilder('s')
		->addSelect("s.size*u.price AS cena")
		->leftJoin("s.user","u");

Pak jsem zkoušel vlastní renderer

$grid->addColumnNumber('cena', 'Kč')
		 ->setRenderer(function($item) {
		     return $item->user->price * $item->size;
		 });

	   $grid->setColumnsSummary(['size','cena']);

Tohle zase sumne původní sloupec cena, nepoužije výstup z rendereru.

nějký nápad jak na tu SUMU ?

@keeper7

1. Co takhle tohle?

->addAttributes(['target' => '_blank'])

2. Defaultně se jako parametr předává id, nemůžeš si ty data vytáhnout v cílové destinaci?

@keeper7 1, Hmmm, Action dědí od Column a ten Column pomocí ::addAtributes nastavuje atributy právě elementům tr a th. Upravím to. Metoda bude mít jiné chování u Action a bude nastavovat atributy ne sloupci akce, ale odkazu (<a>) akce.

3, No Export by default vyprdne všechny záznamy a jelikož iteruje nad nějakou kolekcí v Nette\Database (asi Nette\Database\Table), fetchne všechny záznamy do pole a ty vypíše do CSV. Nějaký nápad, jak to řešit jinak? Můžeš si udělat vlastní export, který bude dědit nativní CSV export, ale bude brát v potaz nějaký persistentní parametr presenteru (měnitelný), něco jako max csv size.

A nebo použít filtered csv export..

@Hlava Predstavy by byly, ale nechci slibovat, ze to bude hned druhy den. Dnes vecer vyjde takova fajn mala verze a potom je v planu kompatibilita s nette 2.4. Rozhodne je to priorita. O vikendu se na to urcite frknu a ufidime, jak to fujde.

@PavelJanda Ahoj, bude podpora i pro Nextras\Orm? :)

Datagrid již funguje na Nette 2.4 (Stejně jako všechny ostatní ublaboo knihovny). Ublaboo.org na nové verzi Nette jede též.

@exquis Problém se session mně osobně vadí hodně a budu rád za odstranění :) Ale u toho ID – jestli to dobře chápu, tak aby si mohl řadit podle sloupce ID, tak jej musíš mít zobrazený. Pokud podle něj chceš řadit, pak by asi i zobrazený být měl.

@PavelJanda Nejdříve díky za superrychlé nasazení na 2.4.

Pak ale mám jeden problém s Datagrid – Pokud používám addInlineAdd, viz:

$grid->addInlineAdd()->onControlAdd[] = function($container) {
    /** @var $container Form */
    $container->addText('id')->setAttribute('readonly');
    $container->addText('username','username')->setRequired()->setAttribute('placeholder','username');
    $container->addSelect('language', '', array('cs', 'en', 'sk'));
    $container->addPassword('password')->setRequired()->setAttribute('placeholder','password');
};
$grid->getInlineAdd()->onSubmit[] = function($values) {
		(...)

tak pak změna perPage nefunguje a hlásí, že jsou pole povinná. Musím nejdříve něco do polí zadat a pak to již funguje.

Z nějakého důvodu to zkrátka validuje formulář na přidání pole při změne počtu zobrazených řádků.

Pardon, byl jsem od pc pár dní pryč, tak pojďme na to.

@exquis
1, Úplně nevím, kdy tato situace může nastat. Mohl bys připravit sandbox, kde by se toto chování projevovalo? Nebo na to narazil ještě někdo jiný? Jakou verzi datagridu používáš?

2, Vím, o co se jedná. Ano pravda, nemuselo by to házet exception. Stačilo by unsetnout hodnotu ze session. Píši si.

@Hlava
Jakou verzi používáš? Na webu dokumentace (ublaboo.org) to jede v pohodě, pokud dobře chápu tvojí situaci.

@japijana
Jaké jiné chování tě napadá? Nevím, zda by se vůbec měl pár klíč-hodnota odstranit z odeslaných $values. Ty jsi tam ten klíč vytvořil při registrace formulářového pole, tedy by se to tam mělo objevit.

@PavelJanda Snad jen ještě info, že mě to nepustí na žádné další akce, kde je potřeba něco vyplňovat do formulářů. Zkrátka to validuje všechny formuláře, místo jen toho, co je potřeba.

Rád poskytnu cokoliv, můžu ukázat celý kód, jestli to pomůže..