Grido – DataGrid pro Nette

Hafran napsal(a):

Našel jsem getActualFilter() ale vypadá to, že ten to nezvládá v Ajaxu

Tím to opravdu není :) Můj tip je, že to v šabloně voláš někdo mimo snippet „grid“ a tedy se ti to volání v ajax-módu neprovede.

flexroad napsal(a):

Ahoj, nevite nekdo jak pridat nejaky styl tlacitku „search“ v pravem hornim rohu tabulky?

Diky,

@flexroad

Měl by mít třídu .grido .buttons .search

kolsi napsal(a):

Jak byste nejlépe vyřešili situaci, kdy máte ve sloupci nějaký HTML kód, který chcete zobrazit? Napadá mě použít setCustomRender, kde ten text přeformátuju, ale problém je, že filtrování a řazení nadále bude počítat i s těmi HTML tagy.

Nevim co presne resis, ale Grido nedela nic jinyho, nez ze sklada sql dotaz ktery se pak odesle do db. Tedy tohle co tady pises nesouvisi s Grido. Opakuji ze z toho co jsi napsal se neda zjistit co resis, ale mozna by stacilo pridat sloupec ktery bude obsahovat surova data (bez html) a podle toho budes filtrovat/radit.

@kolsi: Hlavne ty bys nemel ukladat HTML, ale spis nejaky Texy

@kolsi posli pull, samo se to neopravi.

@LuDe:
Pokud se nepletu, tak by melo stacit prilinkovat:

<script src="https://cdn.rawgit.com/o5/grido/1a4f1e5/client-side/js/grido.js"></script>
<script src="https://cdn.rawgit.com/o5/grido/1a4f1e5/client-side/js/plugins/grido.datepicker.js"></script>
<script src="https://cdn.rawgit.com/o5/grido/1a4f1e5/client-side/js/plugins/grido.typeahead.js"></script>
<script src="https://cdn.rawgit.com/o5/grido/1a4f1e5/client-side/js/plugins/grido.history.js"></script>
<script src="https://cdn.rawgit.com/o5/grido/1a4f1e5/client-side/js/plugins/grido.nette.ajax.js"></script>

Ahoj. Funguje inline editace? Koukam na demo a moc to tak nevypada?

Diky za info.

o5 napsal(a):

Release 2.0

Intro:

Před skoro měsícem mi přišel email od @Jakub Kopřiva, že si má v rámci předmětu ve škole vybrat projekt, do kterého bude v průběhu semestru přispívat. Jsem rád, že si vybral právě Grido a pustil se do implementace inline editace, po které bylo tolik voláno. Ještě před rokem a půl jsem se na možnou inline editaci v Gridu díval skepticky, ale zřejmě díky Admineru (kde ji často využívám) jsem změnil názor a tak jsem tomu mohl dát volný průběh. Současná implementace je výsledkem ‚párového programování‘, protože jsem si neustále vymýšlel něco nového anebo to Jakubovi rozbíjel pod rukama :))

Inline editace:

Hlavní novinka verze, přejděme na use case. Vypadá váš grid nějak takto? Tedy používá výchozí sloupce, Nette Database a rádi byste přidali inline editaci? Pohodlně se usaďte, protože tenhle běžný požadavek uděláte v Grido 2.0 takhle jednoduše: $grid->setEditableColumns()! Pokud totiž jako datasource používate NDB je to skutečně takto jednoduché, protože metoda update() je implementovaná přímo v Grido\DataSources\NetteDatabase. V rámci jednoduchosti jsem se rovněž rozhodl, že ve většině případů při inline editaci dostačuje input type text. Občas je ale potřeba použít něco jednoznačnějšího, třeba selectbox, pro tuto situaci je tu $column->setEditableControl(). Inline editace tedy pokračuje v trendu, který charakterizuje celé Grido – minimum kódu, pro naprosto běžné požadavky při tvorbě výpisu položek.

Pro ostatní datasource se nám takto jednoduše metoda update() nepodařila naimplementovat, takže vám nezbyde nic jiného než nastavit vlastní callback a to jako první parametr metody $grid->setEditableColumns(). Toť asi vše, na další dotazy by měla odpovědět dokumentace nebo demo. Raději ještě upozorňuji, že je potřeba udělat update i klientské části (grido.js, grido.css).

Další minor věci:

• Columns: Label nyní může být i objekt \Nette\Utils\Html (Issue 116)
• Columns: Odebral jsem „cool url sorting representation“ (↑/↓) protože to v Safari nefungovalo (Issue 123)
• Client-side script: Snad už konečné vyřešení problému s nette.ajax.js vs grido confirm (Issue 114)
• DataSources\Doctrine: vylepšení Doctrine Paginator (Issue 125)
• Podpora Nette 2.2

Outro:

Od doby co jsem zveřejnil Grido, se objevilo pár lidí, co chtěli přispět na vývoj. Stěžovali si na absenci donate buttons apod. Nyní by již neměl být problém, donate buttons jsem přidal na stránky projektu :)) Vyjádřít dík se ale dnes nechá i pomocí Github star, takže rovněž můžete učinit i třeba takto :P

Enjoy!

Ahoj nemáte někdo problém v nette 2.3.x hlásí mi to „Call to undefined function Grido\callback()“. Díky M.

:) to je tak, kdyz nekdo necte dokumentaci ;)

dikyyy.

Oli napsal(a):

@flexroad zkoušel jsi ctrl + double click? ;-)

Ahoj, neřešil jste někdo spojení tří sloupců do jednoho. A následné třídění a filtrování.

rumcais1 napsal(a):

Ahoj, neřešil jste někdo spojení tří sloupců do jednoho. A následné třídění a filtrování.

Jj, řešil. A došel jsem k pohledu (SQL view). Pak se s tím pracuje jako s jediným sloupcem. Já to měl při spojení titul1 + jméno + příjmení + titul2.

Připojím se, taky bych rád nainstaloval Grido (Composerem) na nette/web-project. Věděl by někdo jak na to, prosím?

Ahoj,
Mám zprovozněné Grido, ale mám problémy s JS soubory.

Mám přilinkované tyto scripty v tomto pořadí:

	<script src="{$basePath}/js/jquery.js"></script>
<script src="{$basePath}/js/nette.ajax.js"></script>
<script src="{$basePath}/js/grido/grido.js"></script>
<script src="{$basePath}/js/grido/grido.nette.ajax.js"></script>

Neháže to žádnou chybu, ale nefunguje mi řazení, filtrování, setConfirm atd.
Ajaxové požadavky se vůbec neposílají.

Tuší/ví někdo čím to může být? :o)
Díky

Editoval TomasG (16. 7. 2015 11:21)

Ano, mimo Grido funguje…

Editoval TomasG (16. 7. 2015 19:32)

Ahoj,

nefunguje mi setSuggestion() ani setConfirm.
Pouzivam Nette 2.3.1 a Grido 2.0.8.

Nalinkovane mam tyto soubory

<script src="//code.jquery.com/jquery-1.11.2.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/jquery-ui.min.js"></script>
<script src="{$basePath}/js/grido.js"></script>
<script src="{$basePath}/js/plugins/grido.datepicker.js"></script>
<script src="{$basePath}/js/plugins/grido.daterangepicker.js"></script>

<script src="{$basePath}/js/plugins/grido.typeahead.js"></script>
<script src="{$basePath}/js/plugins/grido.history.js"></script>
<script src="{$basePath}/js/plugins/grido.nette.ajax.js"></script>

Nevite prosim cim by to mohlo byt. Predem diky za odpoved.

Unlink napsal(a):

@pekinen a $.nette.init(); máš niekde hej?

Ted uz hej :)
Diky moc.

Jak přidat sortable customRendered sloupec?
Potřebuji přidat sloupec s počtem řádků z related tabulky, která máPK složený ze 2 sloupců.
Dík :)

@CZechBoY @kzk_cz : Hodila by se možnost ovlivnit ORDER klazuli co? Něco po stylu setWhere().

@Lexi: Kdysi jsem psal, že mi připadá blbost jiný formát exportu, protože featury XLS se stejnak nevyužijí. Nedávno mě ale napadla myšlenka, zkusit implementovat export do Google Spreadsheets pokud to jejich API umožňuje.

Export ale obsahuje bug když se exportuje z tabule s větším množstvím záznamů. Udělal jsem si hotfix, kde Grido používáme, ale do officiálního repa se to zatím nedostalo, protože na to prostě nemám motivaci a sílu. Jsou tam na to i některé pokusy v podobě pull-requestů, ale i merge některých pull-requestů vyžaduje úsilí. Jsem už přes rok znovu na full-time a dost těžko se mi hledá čas na vlastní ne-opensource projekt, natož abych se věnoval „z lásky“ gridu. Navíc aktuální stav kolem Nette (Nette Pro) mě spíš demotivuje.

Editoval o5 (31. 7. 2015 11:35)

@o5: To myslím určitě, už se to tady párkrát řešilo myslím. Nakonec jsem vždy skončil u toho vyřešit to dříve, než to pošlu do Grido.

@CZechBoY: Ano, přesně takhle. Prostě to logiku přesunout do DB, je jedno jak už. Ještě se mi osvědčilo u některých případů něco podobného:

Mám smlouvu třeba. Ta má v sobě „vozidlo_id“, „klient_id“ a podobné věci. Takže při každém vykreslování řádku by byl dotaz do těch ostatních tabulek. Strukturu jsem upravil na dva sloupce „vozidlo_id“ a „vozidlo_string“. A tam už jde výsledek toho sloupce při založení/úpravě. Protože název toho vozidla se může skládat z modelu, značky, druhu a to všechno má ještě svojí tabulku. Ale zase je potřeba vyřešit tu režii, pokud se změní název vozidla. To se vyplatí u věcí, které se často nemění. Třeba Ti to pomůže. :)

Jde prosím nějak udělat operation, která bude pouze javascriptová?
Případně jak přidat checkboxy a nějaký tlačítko/selectbox do grida?

Ahoj,

Rad bych pouzil export v gridu.

Existuje moznost u exportu nastavit jine sloupce, nez jsou aktualne zobrazene? Pripadne nektere zobrazene sloupce do exportu nezahrnovat?

Jde pripadne upravit format exportovaneho souboru?

Diky za info,

@flexroad

flexroad napsal(a):
Jde pripadne upravit format exportovaneho souboru?

Já si nedávno připravil export do XLS (vycházel jsem z třídy Grida – Export). Pro funkci je třeba v aplikaci přidat knihovnu phpoffice/phpexcel … tak pro inspiraci – třeba někdo využije:
použití:

new Chap\Grido\Export($grid,"nejaky nazev");

Třída:

<?php

namespace Chap\Grido;

use Grido\Components\Columns\Column,
		Nette\Application\IResponse,
		Grido\Components\Component,
		Grido\Grid;
/**
 * Exporting data to XLS.
 */
class Export extends Component implements IResponse
{
    const ID = 'export';

    /**
     * @param \Grido\Grid $grid
     * @param string $label
     */
    public function __construct( Grid $grid, $label = NULL)
    {
        $this->grid = $grid;
        $this->label = $label === NULL
            ? ucfirst($this->grid->getName())
            : $label;

        $grid->addComponent($this, self::ID);
    }

    /**
     * @return string
     */
    protected function generateSource()
    {

		$excel = new \PHPExcel();

		$excel->setActiveSheetIndex(0);
		$sheet = $excel->getActiveSheet();


        $limit = 100;
		$radky = 1;
        $datasource = $this->grid->getData(FALSE, FALSE, FALSE);
        $iterations = ceil($datasource->getCount() / $limit);

        $columns = $this->grid[Column::ID]->getComponents();


        foreach ($columns as $column) {
            $header[] = $column->getLabel();
        }
		$sheet->fromArray($header,null,"A".$radky++);



        for ($i = 0; $i < $iterations; ++$i) {
            $datasource->limit($i * $limit, $limit);
            $data = $datasource->getData();
            foreach ($data as $item) {
                $row = array();

                foreach ($columns as $column) {
                    $row[] = $column->renderExport($item);
                }
                $sheet->fromArray($row,null,"A".$radky++);
            }

            unset($data);
        }
		foreach (range('A', $sheet->getHighestDataColumn()) as $col) {
			$sheet->getColumnDimension($col)->setAutoSize(true);
 		}
		$stylHead = $sheet->getStyle("A1:".$sheet->getHighestDataColumn()."1");
		$stylHead->getFont()->setBold(true);
		$stylHead->getAlignment()
				->setHorizontal(\PHPExcel_Style_Alignment::HORIZONTAL_CENTER);
		$stylHead->getFill()->setFillType(\PHPExcel_Style_Fill::FILL_SOLID)
				->getStartColor()->setRGB('66FF66');

        return $excel;
    }

    /**
     * @internal
     */
    public function handleExport()
    {
        $this->grid->onRegistered && $this->grid->onRegistered($this->grid);
        $this->grid->presenter->sendResponse($this);
    }

    /*************************** interface \Nette\Application\IResponse ***************************/

    /**
     * Sends response to output.
     * @param \Nette\Http\IRequest $httpRequest
     * @param \Nette\Http\IResponse $httpResponse
     * @return void
     */
    public function send(\Nette\Http\IRequest $httpRequest, \Nette\Http\IResponse $httpResponse)
    {
		$objWriter = new \PHPExcel_Writer_Excel2007($this->generateSource());
        header("Content-Type: application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
		header("Content-Disposition: attachment; filename=\"$this->label.xlsx\"");
		header("Cache-Control: max-age=0");
		$objWriter->save("php://output");
		die;
    }
}

Editoval chap (5. 8. 2015 11:23)

@yrow: V Nette 2.3.2 a 2.3.4 běží v pohodě. Bez Composeru – to nedělej – je to čirý masochismus. :) Ale pokud máš pár hodin čas a chceš se nervovat, tak si stáhni .zip z GitHubu (https://github.com/o5/grido).

BUMP

Ahoj, jen se posouvám s dotazem, zda někdo neměl po přechodu na nové nette problém s Gridem, kdy přestalo fungovat

setSuggestion()?

jak jsem již zmínil

https://forum.nette.org/cs/13109-grido-datagrid-pro-nette?p=18#p158825

Zatím zde proběhla nějaká zmínka někomu s podobným dotazem komu pomohlo

$.nette.init();

bez toho mi to ale fungovalo před updatem. Pro jistotu jsem vyzkoušel a stejně mi to nechodí ani s tím. Někdo kdo řeší podobnou situaci, nebo by dokázal poradit?

Díky moc

@o5: Tohle je asi problém, mám to založit jako issue?

Při custom operacích ($grid->setOperation) se generuje na každý řádek tento kód (http://pastebin.com/BKj4ditr) – což si normálně člověk nevšimne v Ajaxu a je to jedno, ale při posílání většího balíku (~400) to spadne na „too long url error“, protože se tam ta část operation[id]=on zkopíruje 400x… Možná by to šlo odejít přes session.