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

Ahoj,

pokud si v gridu nastavím „setColumnsSummary“ na určitý sloupec a inline edituji řádek, po uložení záznamu se přepočte sum pouze z editovaného řádku a ne ze všech zobrazených sloupců. Nevíte někdo prosím, jak to vyřešit ?

Díky moc.

$grid->setColumnsSummary(['totalPrice']);

@Isigarek Momentálně to nelze. Existuje na to stařičký PR (https://github.com/…ll/236/files). Ten PR by se musel zrefaktořit.

Vypinam si remeber state kvuli tomu, aby se pri novem pristupu na stranku s datagridem nacetla vychozi konfigurace (strankovani na zacatku a razeni dle default nastaveni) a ne konfigurace ulozena v session. Bohuzel v tu chvili prestane fungovat defaultni skryti vybranych sloupcu. Ve skutecnosti moznost skryvani/zobrazovani sloupcu uplne prestane fungovat.

Jde tohle nejak rozdelit?

Dark0ne napsal(a):

Zdravím,

řeším takovou drobnost, se kterou si ale lámo nějakou chvíli hlavu.
Mám addAction, do kterého mi může a nemusí přijít „exe_id“, ve chvíli, kdy nepříjde, tak chci, aby se akce pro daný řádek vůbec nezobrazovala.

Začal jsem to řešit nějak takto

$grid->addAction('exe_id', 'a', 'Execution:detail', ['id' => 'exe_id'])->setRenderer(function ($item) {
      if($item->exe_id==null){
          return null; //nezobrazim nic - to je ok
      }
      else {

          return null; // zde potrebuji vratit celou akci (tedy funkcni odkaz), bohuzel $this->action mi vrací jen její název

      }


  });

Díky za rady.

@Dark0ne
Mělo by stačit

if($item->exe_id)
{
	return TRUE;
}

Editoval Zapp3 (19. 4. 2018 12:23)

Dark0ne napsal(a):

Zdravím,

řeším takovou drobnost, se kterou si ale lámo nějakou chvíli hlavu.
Mám addAction, do kterého mi může a nemusí přijít „exe_id“, ve chvíli, kdy nepříjde, tak chci, aby se akce pro daný řádek vůbec nezobrazovala.

Začal jsem to řešit nějak takto

$grid->addAction('exe_id', 'a', 'Execution:detail', ['id' => 'exe_id'])->setRenderer(function ($item) {
      if($item->exe_id==null){
          return null; //nezobrazim nic - to je ok
      }
      else {

          return null; // zde potrebuji vratit celou akci (tedy funkcni odkaz), bohuzel $this->action mi vrací jen její název

      }


  });

Díky za rady.

Akce lze skrývat pomocí funkce allowRowsAction()

viz https://ublaboo.org/datagrid/row#…

Editoval Tomáš Vodička (19. 4. 2018 13:08)

Vyřešeno funkcí allowRowsAction(), úplně jsem ji v dokumentaci přehlédl.

Díky za pomoc.

Ahojte,
začínám si hrát s timhle DataGridem a zatím super, jen bych se chtěl zeptat, řešil někdo jak snadno zakázat ajaxové volání v rámci datagridu?

Úplně naivní řešení zrušením reference na nette.ajax.js rozbije JavaScript celkově (například checkboxy přestanou fungovat), takže tohle není úplně ta správná cesta, ale co jsem koukal, tak ty ajax třídy jsou vesměs zadrátované na original_template.

Díky za nasměrování.

Vl.

@PavelJanda zdravíčko, byla by možnost zapnutí/vypnutí duplikace paginátoru aby mohl být i nahoře ? Custom templatem jsem to zkoušel, ale je zde jedinný problém, který se mi nepodařilo vyřešit, při změně počtu řádků na stránku se aktualizuje počet stránek pouze v prvním vykresleném paginátoru a v druhém zůstane původní parametr per page i počet stránek, nebo by stačilo přidat možnost v createComponent definovat další snippety k reloadování

Editoval FTCP (10. 5. 2018 8:03)

Ahoj @PavelJanda,
Nějaká podpora pro FontAwasome 5 ?

Ahoj,
nevíte prosím jak s CSV exportem z datagridu? Narazil jsem na 3 problémy.
Zatím jsem CSV export nepoužíval.

1. Lze provést CSV export s verzí Nette 2.3.?
   • dostával jsem chybovou hlášku o chybějící class SmartObject, který je ve verzi 2.4.
   • nižší verze Ublaboo také nepomohla
2. Na verzi Nette 2.4. dostávám tuto chybu

   „Cannot read an undeclared column ‚action‘.“

DataGrid

<?php
...
	$grid->addColumnText('action', 'Menu')
                    ->setTemplate(__DIR__ . '/templates/Sprava/usMenu.latte');
...
?>

3. Jednoduchý výběr sloupců pro export z existujícího datagridu

   Když mám již datagrid nadefinovaný mohl bych jednoduše vybrat sloupce pro export.

   Nějak takto:

<?php
	$grid->addExportCsv('Csv export', 'examples_all.csv')
		          ->setTitle('Csv export')
				  ->setColumns(array('jmeno','prijmeni','email'));
?>

než přes „složitější“ definování znovu každého sloupce
Bohužel nevím jak přidat více sloupců než jen „jmeno“

<?php
	$column_name = new Ublaboo\DataGrid\Column\ColumnText($grid, 'jmeno', 'jmeno', 'Jméno');

	$grid->addExportCsv('Csv export', 'examples_all.csv')
		->setTitle('Csv export')
		->setColumns([
			$column_name
		]);
?>

Moc díky

Editoval kralik (1. 6. 2018 11:18)

Priprava v5.7.0

Github: https://github.com/…d/issues/680

Pokud vite o nejakem bugu, nebojte se zapojit a poslete PR nebo napiste komentar. Ve verzi v5.x se jiz nebudou objevovat nove veci, vsechen volny cas se investuje do v6.x, ktera bude postavena na PHP 7.1.

Tak si mezitim odpovim :)

$grid->addToolbarButton('whatever', 'Vložit')->setRenderer(function() use ($presenter) { return Html::el('a')->href($presenter->link('create', array('type' => 'node')))->setAttribute('class', 'btn btn-xs btn-outline btn-info')->setHtml(Html::el('span')->setAttribute('class', 'fa fa-plus').' Vložit sekci'); });

@pitr82 DataGrid::setRefreshUrl(false)

Zdravim.

Existuje moznost vytvorit three-level group action? Two-level funguje skvele no nenasiel som nic ohladom moznosti pridania three-level. Ak uz niekto nieco podobne riesil a bol by schopny pridat nejake fungujuce riesenie velmi by mi to pomohlo.

Dakujem.

Zdravím, potřeboval bych pomoc s inline add/edit. Vše funguje jak má, jen s použitím selectize právě v inline add/edit bych potřeboval při překreslení či při zobrazení formu vynulovat hodnoty v selectize. Problém je následující:

1. Kliknu na tlačítko přidat a správně se mi objeví form na přidání.
2. Vyplním 3 znaky do selectize a ten mi dynamicky z DB vyhledá nějaké entity a zobrazí.
3. Jednu z nich vyberu a formulář uložím. Entita do datagridu se přidá.
4. Kliknu opět na tlačítko přidat a správně se mi objeví form na přidání.
5. Kliknu do selectize a ten mi nabídne entitu, kterou jsem vyhledával v kroku 2.

Cílem je, aby v kroku 5 byl selectize opět prázdný. Nejlepší by bylo, kdybych mohl nějkým způsobem před zobrazením formuláře či při překreslení po odeslání selectize pomocí JS vynulovat.

Existuje nějaký způsob jak zavolat custom JS v popsaném případě?

Moc děkuju za odpovědi.

Editoval Croc (19. 8. 2018 18:30)

Ahoj,

třeba https://www.npmjs.com/…boo-datagrid nebo https://yarnpkg.com/…boo-datagrid pro custom assety (nejsem si ale jist jestli je to oficialne podporovano :D v dokumentaci se o tom nepise a pak jsem nasel https://github.com/…d/issues/676), ostatní assety (bootstrap, bootstrap datetimepicker) je nutné najít a doinstalovat, seznam je dole v bower.json

Editoval Mistrfilda (24. 8. 2018 19:06)

MW napsal(a):

Mistrfilda napsal(a):

Ahoj,

třeba https://www.npmjs.com/…boo-datagrid nebo https://yarnpkg.com/…boo-datagrid pro custom assety (nejsem si ale jist jestli je to oficialne podporovano :D v dokumentaci se o tom nepise a pak jsem nasel https://github.com/…d/issues/676), ostatní assety (bootstrap, bootstrap datetimepicker) je nutné najít a doinstalovat, seznam je dole v bower.json

Taky jsem hledal, ale jedině Bower teď nainstaluje komplet vč. závislostí. Jinak ručně.

Bower není pro nové projekty doporučen – je zastaralý. Je to opravdu v současnosti to nejlepší řešení?

Ahoj,

jestli chapu spravne, chces do filtru napsat reguralni vyraz, pomoci ktereho se vyfiltruji zaznamy dale? Jesli ano myslim ze by to slo pres „Custom where condition“ – https://ublaboo.org/datagrid/filter

Ahoj,
řeším inline editaci (dle dokumentace tu „malou“ – jednoho pole) a poté překreslení daného řádku.

Když je editace pole potvrzena, vykoná se custom funkce correctionEdited:

$grid->addColumnNumber('pieces_correction', 'Korekce')
			->setEditableCallback([$this, 'correctionEdited'])
			->setEditableInputType('number', ['class' => 'form-control input-tiny'])
                        ->setSortable();

V tu chvíli se mi ale zbytek řádku nepřekreslí sám.
Používám ArrayDataSource (získávám data pomocí FetchAll()), zkoušel jsem tedy dle rad autora překreslit grid (stačil by i řádek) ručně, tedy nějak takto:

$grid->getInlineEdit()->onCustomRedraw[] = function() use ($grid) {
    $grid->setDataSource($this->db->query('SELECT id,name FROM myTable')->fetchAll());
    $grid->redrawControl();
};

jenomže mám pocit, že ten onCustomRedraw[] se volá jen při editaci celého řádku? (Umístil jsem do něj zápis do logu, a nevypsalo se mi do něj nic).

Z funkce correctionEdited zas neumím tomu gridu nastavit RedrawControl, ani mu nastavit znovu DataSource.

public function correctionEdited($id, $value)
	{
	    $toDb = [
		'pieces_correction' => $value
	    ];
	    $this->stockTakingItemModel->editOrAdd($toDb,$id);
	}

Jak tedy překreslit jeden řádek?
Díky za radu.

Ahoj,

existuje nějaká šance, že by v dohledné době vznikla nějaká verze Datagridu, která by měla jednak podporu pro Bootstrap 4 (vim, že taková už je) a zároveň by měla podporu pro Dibi 4.0? Tam se totiž změnilo Fluent rozhraní (zmizla třída DibiFluent) a mě by se docela hodila, protože umí pěkné nové psí kousky s PostgreSQL, které by se mi opravdu hodily (např. to umí handlovat datový typ JSON). Díky.

Editoval theo (3. 10. 2018 12:33)

Pavel Janda napsal(a):

@romiix.org $grid->getTemplate()->foo = 'bar'

je možné pracovat s aktuálním záznamem?

představoval jsem si něco, jako:

$grid->setItemsDetail(function($row) {
			$foo = new Foo($row);
    $grid->getTemplate()->foo = $foo->getResult();
});
$grid->setTemplateFile(__DIR__ . '/../templates/Invoices/detailTemplateGrid.latte');

příklad: mám faktury a při detailu bych potřeboval zobrazovat vypočtené položky, o výpočet se mi stará nějaká třída a nechci to počítat přímo v šabloně, ale potřebuji zachovat funkčnost formuláře

Pavel Janda napsal(a):

@Paradiso Pomohla by třebas metoda ItemDetail::setTemplateParameters()?

no zapomněl jsem říct jednu podstatnou věc. Pokud nastavím to rozšíření šablony i ten detail, tak v tu chvíli se mi ignoruje ten callback. Takže i když si zkusím:

$grid->setItemsDetail(function($row) {
    dump(1); exit;
});
$grid->setTemplateFile(__DIR__ . '/../templates/Invoices/detailTemplateGrid.latte');

tak se vůbec ten dump neprovede a vrátí se výsledek ze šablony. Pokud nepoužiji tu šablonu, tak mi to ten callback bere. Což je právě věc, která mne mate. V podstatě bych potřeboval vědět, jaký callback použít, aby mi to fungovalo. Nebo to chápu špatně?

představuji si, že když bych dal setTemplateParameters mimo callback, tak si tam mohu poslat statická data pro všechny řádky, ale nemohu pracovat s konkrétním řádkem.

@zoool Udělej si vlastní filtrační callback..

$grid->addFilterText('custom', 'Custom search:', 'name')
	->setCondition(function($fluent, $value) {
		/**
		 * The data source is here DibiFluent
		 * No matter what data source you are using,
		 * prepared data source will be passed as the first parameter of your callback function
		 */
		$fluent->where('id > ?', strlen($value));
	});

Viz https://ublaboo.org/datagrid/filter

Zdravim potrebujem vypisat stlpec typu TIME z DB

<?php
$grid->addColumnDateTime('casPrichod', 'Čas príchodu')
?>

a hodi mi chybu

DateTime::createFromFormat() expects parameter 2 to be string, object given

v com moze byt problem?

@PavelJanda

<?php
<?php
namespace App\DataGrid;
/*
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */
use Nette,
    Ublaboo\DataGrid\DataGrid,
    App\Model\NavstevaManager;
/**
 * Description of NavstevaDataGridFactory
 *
 * @author Holub
 */
class NavstevaDataGridFactory {

    private $navstevaManager;

    public function __construct(NavstevaManager $navstevaManager) {

	$this->navstevaManager = $navstevaManager;
    }

    public function create()
    {
	$grid = new DataGrid();
	$grid->setDataSource($this->navstevaManager->getRecords());
	$grid->addColumnDateTime('datumZapisu', 'Dátum zápisu');
	$grid->addColumnDateTime('datumNavsteva', 'Dátum návštevy');
	$grid->addColumnText('priezvisko', 'Priezvisko','users.priezvisko');
	$grid->addColumnDateTime('casPrichod', 'Čas príchodu')-> setFormat ( 'H: i: s' );
	$grid->addColumnDateTime('casOdchod', 'Čas odchodu')-> setFormat ( 'H: i: s' );
	return $grid;
    }
}

?>

Pavel Janda napsal(a):

@cujan Můžeš ukázat factory celého gridu?