Grido – DataGrid pro Nette

Pokud ti jede grido správně ale špatný vzhled, tak máš blbě nalinkovaný css a js, zkontroluj tedy jestli je máš správně v šabloně.

Pokdu temi dvema soubory myslis grido.js a grido.css, tak to je samozrejme malo, pokud chces funkcionalitu co je v demu. K demu potrebujes pridat loicky vsechny js soubory, co jsou v grido-sandbox – jquery, nette.ajax, jquery pluginy, atd.

Mám v šabloně stránky formulář s filtrem a seznam s gridem:
{control protocolFilterForm}
{control grid}

Podle zadání v protocolFilterForm nastavuju datovy zdroj pro grid.

Ale po kliknutí na sloupec v gridu kvůli setřídění se načte znovu celá stránka s default nastavením formuláře
protocolFilterForm.

Co je špatně?

Grido mi zobrazovalo 11 zaznamu (strankovani po 10). Na 2. strance jsem smazal ten 11. a koncim v ladence s notice „Page is out of range.“

<?php 439: trigger_error(„Page is out of range.“, E_USER_NOTICE);?>

Nastaveni grida mam:

<?php
$grid = new \Grido\Grid($this, $name);
        $grid->setRememberState(true);
        $grid->setModel($this->items->findAll());
        $grid->setPerPageList(array(10, 20, 50));
        $grid->setDefaultPerPage(10);
        $grid->translator->lang = 'cs';
	...
?>

V cem muze byt problem?

Mám tu jednu chybu, která se projeví po ajaxovém požadavku, ostatní ajaxové prvky na stejné stránce vrací čistou stránku bez chyby.

exception 'Nette\InvalidStateException' with message 'Cannot send header after HTTP headers have been sent (output started at /data/web/virtuals/63812/virtual/www/subdom/c/temp/cache/latte/subdom-c-app-AdminModule-templates-layout-latte-e3dd54fd44eb173f5ff428ff8ea29bab.php:30).' in /data/web/virtuals/63812/virtual/www/subdom/c/vendor/nette/http/src/Http/Response.php:314
Stack trace:
#0 /data/web/virtuals/63812/virtual/www/subdom/c/vendor/nette/http/src/Http/Response.php(95): Nette\Http\Response->checkHeaders()
#1 /data/web/virtuals/63812/virtual/www/subdom/c/vendor/nette/http/src/Http/Response.php(131): Nette\Http\Response->setHeader('Content-Type', 'application/jso...')
#2 /data/web/virtuals/63812/virtual/www/subdom/c/vendor/nette/application/src/Application/Responses/JsonResponse.php(69): Nette\Http\Response->setContentType('application/jso...')
#3 /data/web/virtuals/63812/virtual/www/subdom/c/vendor/nette/application/src/Application/Application.php(156): Nette\Application\Responses\JsonResponse->send(Object(Nette\Http\Request), Object(Nette\Http\Response))
#4 /data/web/virtuals/63812/virtual/www/subdom/c/vendor/nette/application/src/Application/Application.php(88): Nette\Application\Application->processRequest(Object(Nette\Application\Request))
#5 /data/web/virtuals/63812/virtual/www/subdom/c/www/index.php(8): Nette\Application\Application->run()
#6 {main}
(stored in /data/web/virtuals/63812/virtual/www/subdom/c/log/exception-2014-05-21-17-48-22-e205bb8b37c69fa280657ade11b2b859.html)

lucas: tohle by mohlo být to co hledáš, ale musíš mít myslím filtr jako outer.

Co se tyce ajaxu, tak mam problem, ze poprvy se mi filtrovani provede ajaxem, podruhy uz se refreshuje cela stranka.

Nestalo se vam to nekomu? Po letmym pohledu do jska, se to binduje pres .on(), takze by to nemelo vyzadovat externi znovunabindovani, na ten formular.

Nebo jak to resite? Diky moc

Nějaká rada k setOperation? Mám grido s ArraySource modelem, každý řádek je identifikován pomocí sloupce „name“ a teď chci přidat operace (např. hromadné mazání apod.). Zde nastává problém:

<?php
		$grid->setOperation(array('delete' => 'Delete'), function($operation, $files) {

		})->setPrimaryKey('name');
?>

hází tento error: Component name must be non-empty alphanumeric string

Problém vidím v tom, že grido použije rovnou daný klíč (v mém případě „name“) jako název pro checkbox, což ale Nette nedovolí, pokud se nejedná čistě o alfanumerický řetězec (čili např. „nazev-souboru.txt“ neprojde). Nějaký nápad, jak toto řešit?

Ahoj,
zkousel jsem na ‚http://grido.bugyik.cz/example/outer/‘ FilterCheck na ‚Only preferred girls :)‘ a
zda se mi, ze nefunguje na Nette/Database… Zkousel jsem pouzit i u sebe, a nedari se mi rozbehnout
funkcnost ani nad existujicim sloupcem ani na virtualnim. Jak ma byt udelat addFilterCheck?

Zkousel jsem:

<?php
$grid->addFilterCheck('name2', 'Test')
     ->setCondition(array(
TRUE=>array('name','=','h403_13032614')));
?>

nebo

<?php
$grid->addFilterCheck('name2', 'Test')
     ->setCondition(array(
array('name','=','h403_13032614'));
?>

nebo

<?php
$grid->addFilterCheck('name2', 'Test')
     ->setCondition(array(
TRUE=>array('name','= ?','h403_13032614')));
?>

A nic z toho nefungovalo. name je realny nazev sloupce v DB. V SQL logu se vetsinou objevi podminka
where 0=1 (to asi zpusobuje setupEmpty()). Nefunguje mi ani to demo na webu…

Jaky maji byt parametry setCondition? Z dokumentace mi to jasne neprislo.

Predem diky.

Editoval nejman (20. 6. 2014 17:52)

Zkousel jsem:

<?php
$grid->addFilterCheck('name2', 'Test')
     ->setCondition(array(
TRUE=>array('name','=','h403_13032614')));
?>

nebo

<?php
$grid->addFilterCheck('name2', 'Test')
     ->setCondition(array(
array('name','=','h403_13032614'));
?>

nebo

<?php
$grid->addFilterCheck('name2', 'Test')
     ->setCondition(array(
TRUE=>array('name','= ?','h403_13032614')));
?>

Sice setCondition jsem nerozbehl, ale podarilo se mi filtrovat pres setWhere nad
dibi fluent. Pokud by se nekomu hodilo, tak jsem pouzil:

<?php
$grid->addFilterCheck('name2', 'Only pref')
->setWhere(function($value, $row) {
    return $row->removeClause('where')->where('name=%s','h403_13032614');
});
?>

removeClause zrusi aktualne nastavene filtracni podminky, a prida jen tu jednu specialni…

Pokud by nekdo vedel, jak resit pres setCondition budu rad.

nejman napsal(a):

Ahoj,
zije jeste o5? Koukam, ze 1/4 roku autor Grida neni na foru. Nemate nejakou informaci o autorovi? Rozmyslim, ktery z datagridu pouzit. Zatim se mi zda nejpouzitelnejsi Grido, ale jestli je to mrtvy
projekt, mohl by mi nekdo doporucit alternativu? Drive jsem pouzival datagrid od Romana Sklenare,
a Grido mi prijde hodne podobny a kompatibilni…

Diky,
Honza

Zkus třeba někdy otevřít github.com a podívat se tam. Jinak posuzovat životnost projektu dle aktivity na tomhle fóru si asi nemyslel vážně viď? Ale chápu, že člověk co nikdy nedělal open-source nedokáže pochopit co času to stojí a ty pohledy okolí, že ve volném čase děláš něco zadarmo…

Editoval o5 (1. 7. 2014 15:01)

Grido je fajn, používám ho (zatím) v jednom projektu, ale hned ze startu jsem narazil na jeho jistou provázanost s SQL databázovým světem. Dělám totiž na projektu, kde podkladovou databází je MongoDB a pro ni (a ostatní NoSQL) databáze je trochu problém Grido použít, protože je závislé na Grido\DataSources třídě, která tak nějak počítá s tím, že podkladová databáze je SQL (hlavně při filtrování).

Naštěstí není zas tak velký problém si Grido\DataSources podědit a postavit si nad ní vlastní wrapper třídu, která dokáže implementovat toto chování i nad MongoDB. Pokud by měl autor zájem o tuto třídu, můžu ji nabídnout jako příspěvek k vývoji (samotná třída je vlastnictvím firmy, nicméně asi by nebyl problém se domluvit buď na „reimplementaci“, nebo dvojím licencování, nebo změně licence). Myslím, že by bylo fajn, kdyby tak dobře udělaná komponenta uměla pracovat i s nejrozšířenější NoSQL databází.

Zdravím, měl bych takový feature request. Potřeboval bych něco jako podmíněné buňkové akce, tedy pokud má daná buňka danou hodnotu zobrazit tam tlačítko s takovou a takovou akcí. Vím, že to jde řešit přes render ale to je takové nepěkné.

Dále by to chtělo udělat lepší bootstrap podporu, páč abych určil barvu tlačítka, musel jsem:

$grid->addActionHref('action2', 'Aktivovat')
			//->setIcon('plus')
			->getElementPrototype()
			->addAttributes(array('title' => 'Aktivovat'))
			->addAttributes(array('class' => 'btn-sm btn-success'));

A ktomu ještě upravit template aby ty třídy vypsal.

Taky by bylo moc fajn, kdyby se input ve filtrovani daly taky pridat nejake vlastni css tridy, pac bootstrap to moc roztahuje.

@ryu: K té podmíněné akci, neřeší to náhodou metoda setDisable?

Má někdo nějaký nápad, jak dělat správně řazení podle datumů v případě, že mám datum a čas rozdělený do více sloupců, resp. mám sloupce Datum, Od, Do? Když pak seřadím podle data sestupně, tak to samozřejmě bude matoucí, protože jednotlivé dny sice sestupně budou, ale časy v rámci jednoho dne budou vzestupně.

Tak to jsem teda pěkná LAMA.
zkoušel jsem n:href a {link}, ale už mě nenapadlo {plink} :-(

Mooc díky za pomoc.

Proměnná do šablony
Do Renderu v Presenteru přidat požadovanou proměnnou.

<?php
public function renderMojeDoc() {
      $mojeCislo = 27;

      $this->template->mojeCislo = $mojeCislo;
}
?>

V šabloně je pak proměnná dostupná

<?php
{var $mojeCislo = $presenter->template->mojeCislo}

Moje číslo: {$mojeCislo}

?>

Vše maká skvěle.

Ještě jednou díky a velká poklona za GRIDO.

Všem přeji hezký den

CZechBoY napsal(a):

Řešil jste někdo problém s XSS skrze suggestion?

Můžeš to trochu rozvést?

Pokud je použit ArraySource, tak napsání znaku / do textového filtru skončí s chybou. Možné řešení je do ArraySource.php, řádek 97, doplnit druhý parametr k funkci preg_quote, aby escapovala i tento znak.

Čili:

$pattern = str_replace('%', '.*', preg_quote($expected, '/'));

Ahoj,

při inline editaci dostávám chybu:
exception ‚Nette\MemberAccessException‘ with message 'Call to undefined method Grido\DataSources\Doctrine::getRow()

Data se uloží ale neprovede se skrytí inputu.

Padne to na

Grido\Components\Columns\Editable
238 $data = $this->grid->model->getRow($this->grid->primaryKey, $id)->fetch();

Díky za radu.

tak ten problém přivodil novej commit, který přidává podporu inline editaci pro custom renderer, ale je to vyřešený jen tak napůl…:/

Editoval vojty (26. 8. 2014 17:01)

@Ja k čemu to potřebuješ?
Jestli chceš editovat třeba úvod článku tak to spíš udělej odkaz na článek a až tam to edituj.

Ja napsal(a):

@CZechBoY: pozadavek zakaznika, bohuzel to tak musi byt
edit: nechci to editovat, chci to pouze zobrazit

Takže chceš zobrazit obsah článku v gridu?
Použij

->setCustomRenderer(function($row) {
  return \Nette\Utils\Html::el('div')->setHtml($row->mojeHtml);
});

edit: jo zapomněl jsem uvozovky

Editoval CZechBoY (31. 8. 2014 20:00)

Dostávám data z api, kterému mohu dát filtr, offset a count a ono mi vrátí příslušný úsek dat a celkový počet dat odpovídajících filtru.
Narazil jsem na problém s pagerem – nejdřív chce znát celkový počet dat a pak teprve vrací informace pro limit. Nemohu se ptát api dvakrát, provizorně jsem to vyřešil tím, že si nechám poslat data všechna a limit aplikuju pomocí array_slice jako to dělá ArraySource, ale to se s rostoucím objemem dat stává neúnosným.
Prosím, může někdo poradit, zda jsem něco přehlédl, nebo se opravdu bez forku a změny v nette či grido neobejdu?

Děkuji za odpověď, nenapadá mne jak getCount upravit, aby fungoval jak potřebuji. Zatím nejlépe mi fungovala úprava:

diff --git a/Grido/Grid.php b/Grido/Grid.php
index fd4a3f6..3e70bea 100755
--- a/Grido/Grid.php
+++ b/Grido/Grid.php
@@ -840,9 +840,10 @@ class Grid extends Components\Container

     protected function applyPaging()
     {
-        $paginator = $this->getPaginator()
-            ->setItemCount($this->getCount())
-            ->setPage($this->page);
+        $paginator = $this->getPaginator();
+        $paginator->setPage($this->page);
+        $this->model->limit($paginator->getOffset(), $paginator->getLength());
+        $paginator->setItemCount($this->getCount());

         $perPage = $this->getPerPage();
         if ($perPage !== NULL && !in_array($perPage, $this->perPageList)) {
@@ -850,7 +851,6 @@ class Grid extends Components\Container
             $perPage = $this->defaultPerPage;
         }

-        $this->model->limit($paginator->getOffset(), $paginator->getLength());
     }

     protected function createComponentForm($name)

tak jen doufám, že jsem nic nerozbil.

@chladekt zkus toto: https://forum.nette.org/…-omlouvam-se

V definici komponenty s grido mám toto:

$action->setCustomRender(function($item, \Nette\Utils\Html $el)
      {
      $el->removeChildren();
      $el->addAttributes(array(
        'href' => $this->link('Equipment:equipmentView',  array(
          'equipment_id' => $item->equipment_id,
          'docarea_id' => $this->template->docarea_id,
					'doccategory_id' =>  $item->doccategory_id)),
        'class' => 'icon view',
        'title' => 'Prohlížet přístroj',
      ));
      return $el;
      });

Jak mám napsat řádek s textem pro title

'title' => 'Prohlížet přístroj',

aby se mi ten text překládal translatorem vestavěným v grido. Takhle, jak to je, se text nepřekládá. Věci jako nadpisy sloupců apod. to překládá správně.
Hledám a zkouším celý večer a pořád na nic nemůžu přijít.
A ještě jedna otázka. Co a jak mám udělat, abych mohl tento translátor v Grido mohl použít v celé aplikaci na formuláře a šablony.
Návod na použití translátoru v dokumentaci Nette je zoufale nekonkrétní a podrobnější komplexní návod nemůžu nikde najít.