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

@Domki
Tak mělo by jít i Nette\Database\Table\Selection, ne? Grido a určitě i ostatní gridy to umí.

Editoval CZechBoY (25. 8. 2016 20:52)

Ahoj, poprosil bych o radu
mam zobrazeny grid a pro kazdou polozku bych chtel v jejim detailu zobrazit dalsi udaje nactene nejakym modelem. Myslel jsem, ze to muze fungovat nejak takto:

$grid->setItemsDetail(function($item) { return $this->serviceManager->getAll($item->id); } );

tohle melo vratit asociativni pole

ale ze sablony pro grid vidim jen promennou $item – ale jak se dostanu k $items_detail ?

{$original_template}

{block detail}
	<h2>{$item->id}</h2>
	<p>Lorem ipsum ...</p>

        {foreach $items_detail as $k => $v}
            <div class="itemdetail">{$k} => {$v}</div>
        {/foreach}

{/block}

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

jeste trochu odbocim, zkousel jsem to nejak resit pres vnoreny formular ale uz pri pouziti
prikladu z dokumentace koncim na chybe

end() expects parameter 1 to be array, null given
60: $this->global->formsStack[] = $formContainer = $_form = end($this->global->formsStack)["items_detail_form-$item->id"];

$grid->setTemplateFile(__DIR__ . '/customer_grid.latte');
$grid->setItemsDetail();
$p = $this->getPresenter();
$grid->setItemsDetailForm(function(Nette\Forms\Container $container) use ($grid, $p) {
	$container->addHidden('id');
    $container->addText('surname');
    $container->addSubmit('save', 'Save')
    	->onClick[] = function($button) use ($p) {
        	$values = $button->getParent()->getValues();
            $p['customerGrid']->redrawItem($values->id);
       	};
});

{formContainer items_detail_form-$item->id}
	{input id, value => $item->id}
	{input name, value => $item->name}
	{input save}
{/formContainer}

@pp Jestli používáš verzi nette 2.4, pak je tam chyba viz.: Tady

@Domki Můžeš zkusit master plus pár úprav?

1,

$query =
    'SELECT p.id AS p_id, b.id as b_id, p.name AS p_name, b.name AS b_name
    FROM products AS p
    LEFT JOIN brands AS b
        ON p.brands_id = b.id';

2,

$grid->setPrimaryKey('p_id');

Co je v masteru jinak: třída Row, která rozhoduje o způsobu získání dat z jedné položky, neznala třídu Nette\Database\Row, tak to spadlo do synfoního property access (kde se tečka znamená něco jiného). Již o ní ví.

Editoval Pavel Janda (7. 9. 2016 23:17)

Zdravím, předně musím autorovi říci super práce.

1. Dotaz začátečníka: Lze u GroupAction vynutit, aby to nebyl ajaxový dotaz. Zkoušel jsem pak záznamy tisknout přes mPdf do souboru a to zřejmě takhle nejde. Děkuji za případný námět kudy lze.
2. Inspirace: Líbilo by se mi pro Column prvek „ActionList“ (např.) – jedno tlačítko s více možnostmi (něco jako ColumnStatus, ale pro Action).

Hezký den všem

jirkag napsal(a):

1. Dotaz začátečníka: Lze u GroupAction vynutit, aby to nebyl ajaxový dotaz. Zkoušel jsem pak záznamy tisknout přes mPdf do souboru a to zřejmě takhle nejde. Děkuji za případný námět kudy lze.

Skúsil by som aj pri ajaxovom dotaze:

$presenter->sendResponse(new Nette\Application\Responses\FileResponse(/* ... */));

2. Inspirace: Líbilo by se mi pro Column prvek „ActionList“ (např.) – jedno tlačítko s více možnostmi (něco jako ColumnStatus, ale pro Action).

Issue existuje, všetci oceníme PR ;)

Ahoj @PavelJanda ako by sa dalo jednoducho zmeniť ikonky na material design

aktuálne je tam FontAwesome

<span class="fa fa-trash-o"></span>

a potreboval by som

<span class="material-icons">delete</span>

v Ublaboo\DataGrid\DataGrid máš

	/**
	 * @var string
	 */
	public static $icon_prefix = 'fa fa-';

ale nieje tam žiaden setter ani getter
je to pridávané rovno do template v rendri
dokážem si preťažiť template zavolať parent a tú premenú tam poslať
ale v iných súboroch voláš rovno tú statickú metódu

	public function tryAddIcon(Html $el, $icon, $name)
	{
		if ($icon) {
			$el->addHtml(Html::el('span')->class(DataGrid::$icon_prefix.$icon));

			if (strlen($name)) {
				$el->addHtml(' ');
			}
		}
	}

Editoval sucho (14. 9. 2016 9:57)

Ahoj,
předně díky za super doplněk a perfektní dokumentaci. Mám na stránce dva datagridy, které umožňují inline editaci. Po potvrzení (uložení) změny v jednom z nich, se mi mimo jiné vrací „_datagrid_inline_edited“ s id upraveného záznamu. Problém je v tom, že se mi funkce níže (github) vykoná pro oba datagridy. Dělám něco špatně? :)

<script>
$.nette.ext('datagrid.after_inline_edit', {
  success: function(payload) {
    if (payload._datagrid_inline_edited) {
      $('tr[data-id=' + payload._datagrid_inline_edited + '] > td').addClass('edited');
      return $('.datagrid-inline-edit-trigger').removeClass('hidden');
    } else if (payload._datagrid_inline_edit_cancel) {
      return $('.datagrid-inline-edit-trigger').removeClass('hidden');
    }
  }
});
</script>

@Hug0 Neděláš, chybka je v JS datagridu, upravím ten selector, aby se hledal jen patřičný datagrid .

@igor.pocta Můžeš změnit handler, aby se volalo sortování v komponentě ($grid->setSortableHandler('myComponent:sort!');), ale JS datagridu zatím neumí prefixnout název komponenty, pokud je sortable handler mířen na komponentu. Issue na to již existuje (https://github.com/…agrid/issues?…). Upravím o víkendu. :)

Mám pocit, že v definici boweru chybí část s bootstrap-select, protože se vůbec nenainstalovala a v logu ani není vidět.

@PavelJanda jj, pro ostatní bower install silviomoreto/bootstrap-select. Děkuji.

Zkoušel jsem ještě další dvě věci. Postupoval jsem podle návodu, ale nefunguje:

1. ColumnStatus – buttony se vykreslí, ale po kliknutí se nezobrazí popup s volbami a tlačítka na kliknutí nijak nereagují.
2. Hideable Columns – v záhlaví sloupce nevidím šipky pro skrytí sloupců, nevidím ani tlačítko v pravém horním rohu, kde se dají sloupce nastavit. Vygenerované jsou, ale nejde na ně kliknout.

-- edit
Výše popsané potíže způsoboval právě bootstrap-select. Ikony nebyly vidět, protože jsem používal glyphicon, nicméně stačilo přidat do CSS:

.glyphicon-caret-down:before{content:"\e259";}
.glyphicon-gear:before{content:"\e019";}
.glyphicon-check-square-o:before{content:"\e067";}
.glyphicon-square-o:before{content:"\e157";}

Editoval revoke (15. 9. 2016 10:54)

@Re4DeR Můžeš ukázat prosím celou tvojí továrničku komponenty? I s připraveným ndbt query?

Pavel Janda napsal(a):

@Re4DeR Můžeš ukázat prosím celou tvojí továrničku komponenty? I s připraveným ndbt query?

mám jen v prezenteru

  public function createComponentDomainGrid($name) {
        DataGrid::$icon_prefix = "glyphicon glyphicon-";
        $grid = new DataGrid($this, $name);
        $grid->setDataSource($this->serveryRepository->findAll());
}

serveryRepository mi vraci table.

    public function findAll(){
        return $this->getTable();
    }

    protected function getTable(){
        //nazev tabulky odvodime z nazvu tridy = trida a tabulka se jmenuji stejne
        preg_match('#(\w+)Repository$#', get_class($this), $m);
        return $this->selectionFactory->table(lcfirst($m[1]));
}

a jak říkám – na demu se to podle mě chová stejně ( https://www.evernote.com/…lKY8wBEunrQw )

Editoval Re4DeR (16. 9. 2016 18:52)

Ahoj,
zkouším novou verzi datagridu a Nette mi vyhazuje hlášku „Illegal offset type“ v nette\utils\src\Utils\Html.php:203

v kódu mám grid takto

<?php
...
$grid->addAction('delete', '', 'opravnenisekDel!')
                ->setIcon('trash-o')
                ->setTitle('Smazat')
                ->setConfirm('Opravdu smazat oprávnění pro uživatele %s?', 'uzivatel');
...
?>

Pokud zruším ->setIcon(‚trash-o‘), tak žádný problém není.

<?php
...
$grid->addAction('delete', '', 'opravnenisekDel!')
                ->setTitle('Smazat')
                ->setConfirm('Opravdu smazat oprávnění pro uživatele %s?', 'uzivatel');
...
?>

Zatím jsem neodhalil kde mám botu.

Prosím o radu.
Díky

@Hug0 composer update, JS věc aktualizována

@igor.pocta composer update, JS věc aktualizována

@dusan.ivanco Bod jedna jsem snad pochopil. Bohužel to ale asi nepřidám. :( Máš ale k dispozici třetí parametr metody DataGrid::addExportCallback(..., $fileter = FALSE), kterým můžeš ovlivnit, zda se jedná o data vyfiltrovaná (co, co vidí user), nebo ne.

DataGrid::addExportCallback() slouží ke custom exportům, které si může programátor upravit dle libosti. Takže si to budeš muset upravit.. :)

No, neviem či sme sa pochopili, hlavne pri bode 1 (ten bod 2 by som aj oželel). V bode 1 som myslel aby som mal možnosť v addExportCallback dostať presne tie dáta čo vidím v samotnom zobrazení, respektíve v csv exporte (addExportCsv). Konkrétny príklad:

<?php
private $counter = 1;

public function createComponentRegister($name) {
  $grid = new DataGrid($this, $name);

.
.
.

  $grid->addColumnText('x1', '#')
    ->setRenderer(function() {
    return $this->counter++;
  });

.
.
.

  return $grid;
}
?>

Predpokladám, že toto do addExportCallback nedostanem

Aj tak ďakujem za skvelú prácu.

@dusan.ivanco Chápu to. Chceš dostávat již zformátovaná data.. ExportCallback je právě proto, aby sis mohl data upravit ještě dalšími způsoby. Nevím, zda by takovouhle věc využilo víc lidí. Vždycky však můžeš poslat PR. :)

Ahoj,

řeším problém s metodou addAction. Nepřišel jsem na způsob jak předat „action“ s jinými parametry než jsou data ve sloupcích.

Dejme tomu, že chceme zavolat action „print“ z presenteru „Printer“, která přijíma dva parametry id a velikost stránky – Printer:print(12, self::PAGE_SIZE) kde druhý parametr je konstanta a tedy se v datasource nenachází.

Nevěděl by někdo?

Díky.

@PavelJanda Díky, issue jsem přidal.

@Domki Ano.

Edit: :D

Je to normálně komponenta, takže do ní můžeš šáhnout, respektive do její šablony:

$this['myGrid']->getTemplate()->foo = 'bar';

Editoval Pavel Janda (25. 9. 2016 14:19)

@Domki Můžeš už ze začátku připojit presenter jako rodiče:

public function createComponentFooGrid($name)
{
	$grid = new DataGrid($this, $name);
}

Editoval Pavel Janda (25. 9. 2016 18:44)

Zdravíčko,

měl bych dva dotazy. Lze nějakým způsobem zakázat v items per page „All“ ? A ještě ohledně DatePickeru při filtrování data nemohu u Datepickeru rozjed českou lokalizaci, jde to nějakým způsobem vyřešit ?

předem díky za odpovědi ;-)

Když mám inline editaci velkou, tak mi u formulářů funguje klasická nette validace Filled, Integer…
Když přidám ale inline přidávání s validaci, tak se mi hadají inputy, a ač editace je validni tak to háze hlášky.
Problém nejspíš bude že u obou je stejný název: $container->addText(‚name‘, '')
Když ale u přidávaní změním název tak se inputy vůbec nevykreslí.
Jak toto opravit?
díky

Editoval Domki (28. 9. 2016 10:15)