TwiGrid – omlouvám se :-(

Vestavěné to pokud vím twigrid nemá, musíš si to napsat sám, ale půjde to celkem snadno, jelikož formulář pro filtrování si můžeš poskládat, jak chceš. Mrkni na http://twigrid.1991.cz/full, jak udělat filtr na rozsah, tedy 2 inputy ve filtru 1 sloupce.

Ahoj, mám Nette 2.2.7 a twigrid 5.0.1 a nechce se mi grid vůbec vykreslovat. Problém zřejmě je, že se mi vůbec nevolají callbacky (zkusil jsem debugg a callback jsem dal i jako anonymní funkci a stejně se nikdy neprovedla).

Zdravím. http://twigrid.1991.cz/ nejede. Asi už od vydání Nette 2.3. Je s tím nějaký problém?

To je zvláštní. Když v rychlosti udělám instalaci na lokál, jak jsem popsal výše, všechno se zdá úplně v pořádku – demo funguje, jak má.

na windows 8.1, Server Apache/2.2.25 (Win32) PHP/5.4.30, Nette Framework 2.3.1 (released on 2015–03–27),

na Ubuntu 14.10, Server Apache/2.4.10 (Ubuntu) PHP/5.5.12–2ubuntu4.3, Nette Framework 2.3.1 (released on 2015–03–27): z nějakého důvodu nefungují podstránky. Např. /simple, /filtering atd. dává Not Found on this server. Ale i tak se hlavní stránka zobrazí a Apache na to nic.

Super grid, ale potřeboval bych docílit přidávání css třídy řádku dle hodnoty jednoho z prvků.

Pokud mám definováno

$this->addColumn('order_type', 'Typ objednávky');
...

tak nějak docílit

if($this->getRow()->order_type == 'xy') $this->setRowClass('bg-info');

Dále, je možné nějak během definování gridu změnit formát buňky? Opět třeba

$this->addColumn('order_id', 'ID')->setContent(function($row){
	<a href="//google.com" title="Objednávka z " . $row["order_date"]>$row["order_id"]</a>
});

aniž bych musel definovat desítky bloků?

uestla napsal(a):
@ludek:

• ad počeštění:
  • můžeš využít překladač $grid->setTranslator($translator) a jednotlivé popisky přeložit…

Jednoduchý způsob lokalizace, když jinak v projektu nic jiného překládat nepotřebuju:

1. Třída primitivního překladače:

namespace App\Model;
use Nette;

class TranslatorModel implements Nette\Localization\ITranslator
{
    public function translate($message, $count = NULL) {
        $t = array(
            'Filter' => 'Filtr',
            '%d items' => $count . ' položek',
            'Previous' => 'Předchozí',
            'Next' => 'Další',
        );

        if (isset($t[$message])) { $trans = $t[$message]; }
        else { $trans = $message; }
        return $trans;
    }
}

2. zaregistrovat v config.local.neon

services:
	- App\Model\TranslatorModel

3. zpřístupnit v Presenteru, kde je grid (továrna gridu)

private $translator;

public function injectTranslator(\App\Model\TranslatorModel $translator)
{
    $this->translator = $translator;
}

4. nastavit gridu překladač:

public function renderDefault() {
     $this['mujGrid']->setTranslator($this->translator);
 }

 protected function createComponentMujGrid() {
     return $this->mujGrid->create();
 }

Výborný grid, první, který jsem rozchodil rychle a snadno (a který funguje s novým nette/web-project přes Composer!). Tutoriál je super.

Jen mi u Row Actions nefunguje setConfirmation()? Skripty mám přilinkované správně, zkoušel jsem i starší verzi jQuery. Zkusil jsem to i na čistém tutoriálu, na ten jsem nalepil příklad s row actions a neptá se to.

Prozatím jsem si na to v šabloně namontoval vlastní confirm. Nejsem moc JS/jQuery zdatný, tak jsem se ve zdrojích moc nerýpal.

Editoval Džůny (27. 7. 2015 14:09)

@uestla Chyba v konzoli není žádná, atribut data-tw-confirm na tlačítku je.

Skripty:

	<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
	<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
	<script src="//nette.github.io/resources/js/netteForms.min.js"></script>
	<script src="{$basePath}/js/nette.ajax.js"></script>
	<script src="{$basePath}/js/twigrid.datagrid.js"></script>

Jak jsem psal, zkoušel jsem to na nette/web-project, tak je možné, že tomu něco chybí? :)

Edit: A ještě na jednu věc bych se rád zeptal, když z tabulky do gridu tahám city_id a v šabloně si to upravím na $record->city->name… to je super, ale jak (při použití Nette\Database\Table) dostanu city->name snadno i do řazení, filtrování a inline editace; jde to vůbec řešit, nebo mám s NDT smůlu?

Editoval Džůny (27. 7. 2015 19:34)

@uestla: Zatím mi nic extra nenapadá. Jedině si napsat vlastní funkci na getTable(). To myslíš?

@kzk_cz To není potřeba, na vše ti stačí univerzální metoda repozitáře.

@Džůny Tak to už mě nic nenapadá. Nemohl bys ten grid někde uveřejnit? Jestli máš vše stejně jako je v příkladech na webu, tak nevím, proč by to nemělo fungovat…

Hm, tak jsem to vyresil, ale nevim jestli spravne. dataLoader poskytuje $columns[], hned prvni bylo id, natvrdo jsem jej prepsal na mojetabulka.id a vse zacalo fungovat.

Džůny napsal(a):

@uestla Nezalogovalo se nic. Chmmm, co kde dělám špatně… Za příklad díky! A vůbec, za komunikaci a ochotu. Po dokončení projektu máš u mě PayPalový příspěvek na kafe. :)

Taky se mi nic nezalogovalo. Nakonec jsem přišel na to, že jsem zapomněl dát elementu s action třídu tw-ajax. Proto bylo v konzoli ticho. Třeba se tento poznatek bude někomu hodit a ušetří mu čas s bádáním.

Editoval PetrHH (14. 10. 2015 16:12)

Děkuju za upozornění, opraveno ve verzi 6.0.6.

Ahoj, nejak si nevim rady s tim exportem. Jde mi o to, ze se ten pozadavek posila ajaxem, coz se mi zrovna nehodi. Chci exportovat do excelu, tim, ze to je ajax, tak to nefunguje. Vrati se jen binarni data v ajax response. Jde nejak rict tomu gridu aby tuto akci neposilal ajaxem?
Diky.

Aha vychazel jsem z dema, kde jako groupAction je exportMany. Myslel jsem, ze to pouziju k exportu do excelu, ale ajax me jaksi zarazil :D> uestla napsal(a):
>

@jan.vince Na prvky jde navěsit prázdný translator přes $control->setTranslator(NULL). Problém je, že prvky hlavního formuláře se do formu přidávají lazy, čili v tuhle chvíli by asi šlo vypnout překlad paginatoru až v šabloně těsně před vykreslením…

@marty666 Teď nevím, jaký export máš na mysli, ve TwiGridu žádná defaultní podpora pro exporty není…

Ahoj, TwiGrid používám již delší dobu, ale nikdy mi nedošlo, že filtrování klávesou Enter mi nefunguje, vše funguje v pořádku, po kliknutí na Filtrovat se vše vyfiltruje, Ajax je v pohodě. Ale zdá se mi, že po vyplnění pole a stisknutí klávesy Enter se mi odesílají 2 Ajaxové požadavky a filtrování se neprovede, čím to může být? :)

jan.vince napsal(a):

@GEpic – Ahoj, zrovna mám otevřený projekt s TwiGridem, ale filtrování přes Enter funguje a odesílá mi jen jeden AJAX request. Zkus stáhnout čistý demo projekt TwiGridu a vyzkoušej v něm: https://github.com/…twigrid-demo

Helplo, moje chyba. Pro mě stále grid N1.

Editoval GEpic (30. 4. 2016 23:37)

@japijana Ahoj, po vydání tagu jsem si to uvědomil, a zase ho smazal, takže už v repu není, omlouvám se.

Pokud se ti stahuje pořád 6.0.9, zkus prosím promazat lokální Composer cache ve své uživatelské složce.

Ahoj, plánuješ v nové verzi také možnost změnit set ikon? Glyphicon bohužel není free-to-use a proto ho z projektů většinou vyhazujeme.

Editoval GEpic (20. 7. 2016 18:02)

uestla napsal(a):

Plánuji celý grid rozložit na co nejvíce bloků (ještě více než teď). Řešení ikonek bude ideálně také založené na blocích, i když chápu, že mít možnost globálně změnit elementy a classy ikonek by bylo pohodlnější.

Možná by bylo OK mít obecný block icon, který by vypadal např.:

{define icon}
	<span class="glyphicon {$class}"></span>
{/define}

Nastavovat globálně třídu pro ikonky nepovažuju za správné, protože kromě třídy chci i možnost změnit element – bootstrap uvádí pro ikony <span />, Font Awesome (který osobně používám raději, ale nechci zavádět další závislost do TwiGridu, když už v něm nativní ikonky jsou) zase <i />.

A jelikož souvisí ikonky s view, chtěl bych jejich vykreslování a úpravy držet co nejvíce v šabloně.

A nebo udělat trošku tricky věc, a to sice dát to do translatoru:

	$dictionary = [
		"twigrid.icon.change" => "glyphicon neco",
		"twigrid.icon.edit" => "glyphicon opetneco,
	]

a pak v šabloně použít klasicky:

	<span class="{_'twigrid.icon.change'}"></span>

PS: Pokud se použije span, či i tak dle mého na tom nezáleží, font-awesome nemá v css závislost na i.

Viz http://fontawesome.io/examples/

You can place Font Awesome icons just about anywhere using the CSS Prefix fa and the icon's name.
Font Awesome is designed to be used with inline elements (we like the <i> tag for brevity, but using a <span> is more semantically correct).

Je to trošku tricky použítí slovníku k jinému účelu, ale podle mě taky nejjednodušší.

Editoval GEpic (20. 7. 2016 23:51)

Chtěl bych se zeptat jak lze předat source jako repozitar YetOrmu?

Domki napsal(a):

Chtěl bych se zeptat jak lze předat source jako repozitar YetOrmu?

Implementuj si obecnou metodu repozitáře a tu pak použij jako dataloader.

petrf napsal(a):

Zdravím.
Řeším následující problém na Nette 2.3 + NDBT + uestla/twigrid": „^6.0“ (PHP 5.5, MySQL)
Struktura DB: place_reservation ← reservation ← customer , id dle konvencí

…

Všiml jsem si, že gridu nastavuješ šablonu PassengersGrid.latte, ale block máš v šabloně CustomerGrid.latte (alespoň to tak tvrdíš).

@ludek Uvádění nových verzí tady na fóru je asi nejméně spolehlivé. Nejlepší je nemít nikdy v composer.json hvězdičku, to může dost zradit. Při každé změně zanášející BC-break vydávám novou major verzi, čili doporučuju jak píšeš přidat ^7.0 a composer update.

Ahoj, plánuješ také přidat podporu pro přidání nového záznamu?

Popřípadě jak je možné docílit toho, že si záznam přidám sám, a překreslím grid tak, abych měl přidaný prvek nastavený jako právě upravovaný? Zkoušel jsem si hrát se snippety uvnitř gridu, ale nějak jsem to nerozchodil.

Díky za odpověď.

Editoval GEpic (6. 9. 2016 15:17)

Zdravím, má Twigrid možnost uložit použité třídění/filtr aby se při refresh stránky nenastavil zase default? Dost mi to chybí…