NiftyGrid – Datagrid pro Nette 2 s velkou škálou funkcí

Kryšpin napsal(a):

Nápad pro přidání:

metodu setNoRecords, která by nastavovala hlášku, když nejsou žádné záznamy (soubor grid.latte:111). Jako výchozí ponechat „Žádné záznamy“.

Tak jsem to udělal a pullnul. Takže záleží na Niftyxovi.

Ahoj, popravdě mě moc nenapadá, kde by mohl být problém.
Schválně to zkus vypsat někam mimo grid, jestli to bude fungovat.
Ten název tabulky v dotazu, kterej ti to vytvoří, by asi neměl být v uvozovkách a vybírá ti to všechny sloupce(*), i když si tam v selectu vyjmenoval, které chceš.
S dibi ani s oracle jsem nikdy moc nepracoval, ale nemohl by být problém třeba ve velkých písmenech tabulek/sloupců? Popř. problém v dibi driveru pro oracle?
Třeba někdo moudřejší poradí :)

Dotaz se vyskládá správně. V základnim stavu gridu nejsou žádné podmínky nutné. Limit 20 je defaultní hodnota, takže to tam je také správně.
Chyba vzniká na straně SQL serveru, takže problém bude někde mezi datasource/dibi/oracle. Jestli oraclu nevadí název tabulky v uvozovkách, tak nevim, co se tomu na tom dotazu nelíbí.

Tady jsem sepsal, co se postupně s tim fluentem děje

//vytvoření a předání zdroje dat
$fluent = $this->db->select('KODAREALU, NAZEVAREALU, DATUM_EDITACE, NAZ_SO, NAZ_MC')->from('AREALY');
$dataSource = new \NiftyGrid\DibiFluentDataSource($fluent, 'KODAREALU');
$this->setDataSource($dataSource);

DibiFluentDataSource

class DibiFluentDataSource extends Nette\Object implements IDataSource
{
	//zdroj dat
	public $fluent;

	//primární klíč
	public $pKeyColumn;

	//v konstruktoru se fluent naklonuje a uloží
	public function __construct(DibiFluent $fluent, $pKeyColumn)
	{
		$this->fluent = clone $fluent;
		$this->pKeyColumn = $pKeyColumn;
	}

	//z gridu se zavolá limitování počtu řádků
	public function limitData($limit, $offset)
	{
		$this->fluent->limit($limit)->offset($offset);
	}

	//Potom se už jen předá do gridu
	public function getData()
	{
		return $this->fluent->fetchAssoc($this->pKeyColumn);
	}
}

Zjednodušeně se provede jen toto

$fluent = $this->db->select('KODAREALU, NAZEVAREALU, DATUM_EDITACE, NAZ_SO, NAZ_MC')->from('AREALY');
$fluent->limit(20)->offset(0);
$fluent->fetchAssoc('KODAREALU');

Už mě vubec nenapadá, co by mohlo být špatně, je to záhada :)

Editoval Nifty (22. 8. 2012 16:08)

Teď jsem z toho trochu zmatenej – předtim to byla chyba v SQL dotazu, teď je to warning v PHP.
Můžeš někam uploadnout celej výpis laděnky nebo poslat přes PM?(odstraň z ní hesla a citlivá data)

EDIT: Ten zjednodušený kód ti mimo grid funguje?

Editoval Nifty (22. 8. 2012 17:22)

Callbacky a anonymní funkce v php moc neznám, obracím se na vás s prosbou o radu:

Lze toto upravit tak, abych do té funkce mohl předat vlastní parametr (Například formát data na základě uživatelova nastavení)?

<?php
$this->addColumn('published', 'Datum', '100px')
            ->setRenderer(function($row){return date('j.n.Y', strtotime($row['published']));})
?>

Zjistil jsem, že $row se do té funkce cpe z templatu a vlastní logiku dělají dvě funkce z Column.php, ale nejsem z toho moc chytrý…

Děkuji Nifty :-) Po třech dnech tvorby vlastního gridu jsem se rozhodl použít ten Tvůj. Je opravdu EPICKÝ

Dá se nějak vypnout ajax u hromadných operací? Potřebuji provézt například editaci více záznamu a přesměrovat na formulář

Chtěl bych se zeptat, bylo by možné dát někam zdrojový kód Demo stránky ? Jako začátečníkovi by mi to hodně pomohlo, z dokumentace jsem přece jen narazil na několik komplikací, které nejsem schopen vyřešit.

Nifty: jezis to sem si vubec nevsiml, to je perfektni diky moc :)

Lze nějak nastavit omezení pro konkrétní položky v addButton? Mám například tabulku s uživateli, jako admin se mohu za nějakého z nich přihlásit, ale u řádku se svým záznamem ikonku „Login User“ nechci. Je to nějak jednoduše proveditelné?

<?php

		$this->addButton("edit", "Login user")
			->setClass("loginicon smallicon")
			->setLink(function($row) use ($presenter) {
			return $presenter->link("Users:Loginuser", $row['userid']);
		})
			->setAjax(FALSE);

?>

Editoval thunderbuff (29. 8. 2012 19:47)

rp
V attached by měl jít redirect. Např. v metodě filterData, která je volaná z attached, je redirect a funguje. Nenapadá mě, co by tam mohlo být za problém.

thunderbuff
Tuto úpravu už navrhoval Kurtas, dokonce poslal i pull request, ale já na to zapomněl :)
https://github.com/…Grid/pull/12
Parametrem je callback, který má vracet boolean hodnotu a podle toho se button vykreslí/nevykreslí.
Akorát přemýšlím, jestli místo setShow() by nebylo vhodnější např. setVisibility().

Ahoj, DoctrineDataSource je už z trochu starší verze gridu, tak je možné, že tam něco chybí. Sice nejsem autor, ale snad poradím.
Mělo by stačit přidat:

public function getPrimaryKey()
{
	return $this->primary;
}

Kdyžtak dej vědět, jestli to funguje a hodim to na github.

Editoval Nifty (30. 8. 2012 16:26)

Milo: Mohl by ses vyjádřit k tomuto problému? https://github.com/…id/issues/19

Stačí přidat k definici sloupce setBooleanEditable() a zapnout řádkovou editaci.

Pokud ti jde o to vidět ten checkbox i mimo editaci, použij metodu setRenderer() a pomocí \Nette\Utils\Html::el() tam ten checkbox dej. Ale myslim si, že to bude akorát zbytečně plést uživatele (ledaže by byl checkbox disabled).

$this->addColumn('published', 'Publikováno?')
	->setRenderer(function($row){
		return \Nette\Utils\Html::el('input')
			->type('checkbox')
			->disabled('disabled')
			->checked((boolean) $row['published']);
	})
	//checkbox můžeme zarovnat na střed
	->setCellRenderer("text-align:center;");

Editoval Nifty (31. 8. 2012 17:45)

Ahoj,
Chtel bych se optat, kde naleznul odkaz na fast-edit. Rád bych místo image měl text. V latte gridu jsem ho nenašel.

Jak je možné pracovat s překlady? Pokud použiji v šabloně gridu {_}Text{/_} tak vyskočí error Call to undefined method Nette\Templating\FileTemplate::translate()

ZZromanZZ
Mělo by stačit přidat handler v js souboru při startu a na konci ajaxu. Do oficiální verze to zatim neplánuju.

TheNEoo
Odkaz na se generuje v třídě Button v metodě render. Buttony jsou koncipovány jako obrázková tlačítka, takže bez zásahu do kódu to lehce provést asi nepůjde. Do budoucna bych to možná předělal, aby se s tim dalo lépe manipulovat.

marten_cz
1)To je docela komplexní požadavek, myslim že bez vlastního rozšíření to nepůjde.
2)Mělo by to jít takhle

$this['gridForm'][$this->name]['rowForm']['columnName']->addRule(..);

V šabloně ale bude potřeba přidat výpis pro chyby z formuláře. V dalším updatu bych to tam přidal, možná i zjednodušil ten přístup k formulářovým prvkům.

Saja
Překlady ještě nejsou v oficiálni verzi. Kurtas poslal pull request na přidání podpory translatu i šablonu (nemusí být z aktuální verze), ale ještě jsem se k tomu nedostal.

achtan
Tady jsou nějaké úpravy pro bootstrap (nezkoušel jsem). O ničem jiném nevim.

Nifty,

jenom drobný dotaz, proč je konfigurace gridu v metodě configure a předává se do ní aktuální presenter ?

Nešlo by to řešit takto ?

<?php
class NejakyPresenter extends \Nette\Aplication\UI\Presenter
{

	protected function createComponentGrid($name)
	{
		return new \Nekde\Nejaky\Grid($this, $name)
	}
}
?>

A v samotném gridu by funkce configure vůbec nemusela být…

<?php
class Grid extends \Nïfty\Grid
{

	public function __construct($parent, $name)
	{
		__parent::construct($parent, $name);

		// zbytek konfigurace primo v konstruktoru...
		// nebo zavolame primo $this->configure();
	}
}
?>

Bylo by to myslím víc nette-way a nemuselo by se to řešit metodou attached

Editoval ZZromanZZ (10. 9. 2012 19:26)

suprove napsany jen v textinput filtru je problem se sirkou ktera vzdy zmeni sirku pole, maly patch :)

/**
	 * @return Column
	 */
	public function setTextFilter()
	{
		$this->parent['gridForm'][$this->parent->name]['filter']->addText($this->name, $this->label.":")->setAttribute('style', array('width'=>$this->width));
		$this->filterType = FilterCondition::TEXT;

		return $this;
	}

	/**
	 * @return Column
	 */
	public function setNumericFilter()
	{
		$this->parent['gridForm'][$this->parent->name]['filter']->addText($this->name, $this->label.":")->setAttribute('style', array('width'=>$this->width));
		$this->filterType = FilterCondition::NUMERIC;

		return $this;
	}

Editoval talpa (14. 9. 2012 19:11)

Přidán callback pro zobrazení/schování buttonu nebo subgridu na jednotlivých řádcích:

$this->addButton("publish", "Publikovat")
	->setShow(function($row){
		return $row['status'] == 'Publikované' ? FALSE : TRUE;
	});

$this->addSubGrid("comments", "Zobrazit komentáře k článku")
	->setGrid(new CommentGridByArticleId($comments, $this->activeSubGridId))
	//$row['comments'] je boolean hodnota z db, povolené - nepovolené komentáře
	->setShow(function($row){
		return $row['comments'];
	});

Přidána podpora pro validaci řádkového formuláře a formuláře pro přidávání řádků.

$this->getColumnInput('title')->addRule(...);

Přidána podpora pro textová tlačítka

$this->addButton('delete', 'Smazat')
	//může být i callback
	->setText('Smazat')
	->setClass('delete-textual');

U hromadných akcí lze nyní vypnout ajax. Například pro zobrazení detailů u vybraných produktů:

$this->addAction('detail', 'Zobrazit detaily')
	->setAjax(FALSE)
	->setCallback(function($rows) use ($presenter){
		return $presenter->redirect('Products:details', array('rows' => $rows));
	});

k bootstrapu:
Asi bych to přidal jako druhou šablonu. Nebo se to nevylučuje? S bootstrapem jsem si zatim moc nehrál, máte někdo funkční ukázku?

ZZromanZZ
Myslim, že je to víceméně jedno. Takhle by si zase musel psát v gridu novou metodu pro předání modelu nebo přenášet 3 a víc parametrů (parent, name, model, subGridId, ..).

talpa
Moc jsem nepochopil, co je tam přesně za problém. S tvojí úpravou i bez se mi to zobrazuje stejně. Můžeš to kdyžtak rozepsat? Podmíněné buttony viz nahoře tohoto příspěvku.

Editoval Nifty (15. 9. 2012 16:35)

zda se ze ty buttony chodi, diky za patch :)

Parádní komponenta, díky za ní, obzvlášť za ty nejnovější změny. Jen takový nápad, možná by bylo dobré dát do řádkové editace možnost místo text inputu zvolit textareu. V některých případech by to bylo dost užitečné.
Jako je to například v editaci hodnot tabulek v Admineru od Jakuba Vrány.

EDIT: Ještě jsem teď našel bug, pokud odešlu řádkovou editaci v subgridu a v nadřazeném gridu jsou definovány nějaké validační pravidla pro řádkovou editaci, validace se v něm spustí také. Pokud je tam pak nějaké pravidlo setRequired, formulář ze subgridu se neodešle.

Editoval Andrasin (18. 9. 2012 3:53)

Aby mi fungovalo správně nejenom filtrování, ale i řazení u sloupců s nastaveným setTableName(), tak jsem upravil Grid.php a přidal tam do metody orderData() [583] podmínku která mi i řadí dle zadané tabulky.

if(!empty($this['columns-'.$order[0]]->tableName)){
 $order[0] = $this['columns-'.$order[0]]->tableName;
}

Je řazení podle výchozí tabulky bug, nebo feature?

Přidal jsem si metodu setTarget($target), protože potřebuju některé action posílat do nového okna/panelu. Pokud by to využil i někdo jiný, tak si myslím, že není tak špatné to implementovat. Jedná se o celkem primitivní změnu v Button.php

Edit: ne addTarget, ale setTarget($target)

Editoval Pingy (22. 9. 2012 21:51)

muflix napsal(a):

Ahoj, řeším určitě jednoduchou věc, mám tabulku a rád bych po kliku na tlačítko vygeneroval fakturu. Používám doplněk generátor faktur který mi při odkazu v .latte

<a n:href="Eciovni:generate">Vygenerovat fakturu</a>

normálně funguje.

nevím ale jak odkaz přidat do nifty tabulky, zkoušel jsem něco takového

$this->addButton("pdf", "Vygenerovat PDF")
            ->setClass("pdfikonka")
            ->setLink(function($row) use ($self){return $self->link("Eciovni:generate");});
	    //->setLink("http://example.cz/Eciovni/generate");
            //->setLink(function($row) use ($self){return $self->link("Eciovni:generate"/*, $row['id']*/);});
	    //->setAjax(FALSE);

ale už při generování stránky mi to napíše

Nette\InvalidArgumentException
Component with name 'Eciovni' does not exist.

u přímého odkazu mi to zase pošle na pozadí (pro uživatele se nic neděje) GET požadavek jehož odezvou je zdrojový kód vygenerované faktury ale stejně nevím jak bych tam nacpal $row[‚id‘] :-)

->setAjax se zdá nemá na tohle asi vliv :P

rád bych aby se po kliku na ikonku, uživateli nabídla faktura ke stáhnutí, nevíte jak na to ?:-)

Sám používám na generování faktur upravené Eciovni na tcpdf + spousta ještě jiných změn, ale prakticky by to mělo fungovat stejně.

$this->addButton("pdf", "Stáhnout pdf")
	->setClass("gridIcon-pdf")
	->setLink(function($row) use ($presenter) {
		return $presenter->link("Invoices:detail", $row['number']);
	})
	->setAjax(false);

Já osobně to mám udělané tak, že abych šetřil zdroje, ukládám faktury na serveru v nepřístupné složce už při tvorbě objednávky. Pak pomocí třídy Invoices kontroluju jestli má daný uživatel právo k dané faktuře a pokud ano, tak je předána ke stažení pomocí FileResponse. To je v podstatě to, co mi dělá Invoices:detail.
Při tomto nastavení mi to nefungovalo bez vypnutého Ajaxu.

Zkusil bych něco ve stylu

$this->addButton("pdf", "Vygenerovat PDF")
	->setClass("pdfikonka")
	->setLink(function($row) use ($presenter) {
		return $presenter->link("Eciovni:generate", $row["id"]);
	})
	->setAjax(false);

s tím, že bych Eciovni:generate upravil tak aby bral $id a podle toho generoval danou fakturu, nebo to udělal stylem jakým to mám já (tzn. ukládání pdf faktur na server a pak jen jejich nabízení pomocí FileResponse) a nebo si vytvořil nějakou třídu která bude brát parametr $id a bude odkazovat na Eciovni tak, aby se Eciovni nemusel upravovat…
Snad jsem trochu pomohl a není to napsané moc zmatečně, píšu to v nedostatku času.