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

Pavel Janda napsal(a):

@cujan A ukážeš metodu NavstevaManager::getRecords() :)

@PavelJanda

<?php
namespace App\Model;

use Nette;


class NavstevaManager extends BaseManager {
    const
	TABLE_NAME = 'navsteva';

    public function getRecords()
    {
	return $this->database->table(self::TABLE_NAME);
    }
}
?>

Ahoj,

v tabulce mám přidanou groupAction, ale ten select se mi roztahuje přes celou šírku tabulky, další select závislý na tom prvním se přidá pod něj také roztažený. Vše mám v defaultu, neměnil jsem žádné styly. Poradí prosím někdo jak dosáhnout toho aby byly vedle sebe neroztažené?

Editoval jikki (26. 10. 2018 12:21)

Ahoj, teď jsem narazil na nefunkční AggregationFunction, funkce se vykoná (zkoušeno dumpem ve třídě Ublaboo\DataGrid\AggregationFunction\FunctionSum), ale nevyrenderuje se do datagridu.

Vytvořil jsem testovací sandbox aplikaci na https://github.com/…tion-sandbox .

Mohli byste se na to prosím hoši kouknout, kde se co pokazilo?

Editoval ppar (26. 10. 2018 22:32)

@PavelJanda
vieme v com je problem v tom datovom type TIME? ci musim skoncit s gridom…
vdaka

cujan napsal(a):

Pavel Janda napsal(a):

@cujan A ukážeš metodu NavstevaManager::getRecords() :)

@PavelJanda

<?php
namespace App\Model;

use Nette;


class NavstevaManager extends BaseManager {
    const
	TABLE_NAME = 'navsteva';

    public function getRecords()
    {
	return $this->database->table(self::TABLE_NAME);
    }
}
?>

@PavelJanda

@jikki Ty šipičky se zobrazují s ohledem na property has_children, jméno té property lze změnit druhým argumentem metody ::setTreeView(). Zkus si v té entitě implementovat jinou property/metodu, která bude správně vracet info o tom, zda má položka další potomky.

Zjistil jsem že položky, které by neměly mít šipku mají nastavenou classu hidden, ale šipečka se stejně zobrazuje.

<a data-toggle-tree="true" href="/wh/www/manage/places?treeStructure-grid-parent=6&amp;do=treeStructure-grid-getChildren" class="hidden chevron ajax"><i class="fa fa-chevron-right"></i></a>

Zjistil jsem že css a js stažené přes bower, konktrétně datagrid.css neobsahuje tu třídu hidden. Když jsem použil stejný soubor, který máš ve \vendor\ublaboo\datagrid\assets\dist\ tak to funguje. Konečně, jupíí :) díky moc.

EDIT: tak neměl jsem aktualizované css a js přes bower. Po aktualizaci zmizly i další problémy. Např. group action je teď inline, atd.

Editoval jikki (30. 10. 2018 21:32)

@NetteStudent: Zkoušel si je napsat v jiném pořadí? :)

Ahoj,
prosím právě sem u mého cca rok starého projektu udělal composer update a bower update a najednou se mi u gridu přestaly správně zobrazovat filterMultiSelect… funkčně je vše jak má, ale nezobrazuje se to co sem vybral v tom vybíracím buttonku, ale zobrazí se tam pouze caret bez žádného textu…text se mi zobrazí jen když nad to najedu myší, tak se mi to zobrazí jako plovoucí nápověda
Nesetkal se někdo s podobným problémem u filter selectů???
Případně nějaký nápad kde by mohl být nějaký problém..
díky za každou radu.. ;)

Pavel Janda napsal(a):

@jikki Ty šipičky se zobrazují s ohledem na property has_children, jméno té property lze změnit druhým argumentem metody ::setTreeView(). Zkus si v té entitě implementovat jinou property/metodu, která bude správně vracet info o tom, zda má položka další potomky.

@cujan
1, Můžeš to zkusit vyrenderovat ručně (přes callback nebbo šablonu)
2, Můžeš poslat celou chybovou hlášku? Případně najít místo, kde to s nette database table drhne a poslat PR?

@PavelJanda
Warning

DateTime::createFromFormat() expects parameter 2 to be string, object given

chyba je oznacena na riadku 76

<?php
Source file
File: ...\ublaboo\datagrid\src\Utils\DateTimeHelper.php:76

66:            }
67:
68:            if ($value instanceof \DateTimeImmutable) {
69:                $date = new \DateTime('now', $value->getTimezone());
70:                $date->setTimestamp($value->getTimestamp());
71:
72:                return $date;
73:            }
74:
75:            foreach ($formats as $format) {
76:                if (!is_string($format) || !$date = \DateTime::createFromFormat($format, $value)) {
77:                    continue;
78:                }
79:
80:                return $date;
?>

Editoval cujan (5. 11. 2018 13:31)

@PavelJanda

Zkouším dělat Group Action, kde bude nejdříve vyžadován input select a následně input text. Ale zřejmě to nejde. Šlo by takovou možnost přidat?

díky moc

Editoval jikki (6. 11. 2018 7:52)

Nevím jestli byla chyba jen u mě, nebo to dělá problém více lidem, ale stále mi nefungoval ten filterMultiSelect, poté co sem updatovat všechny balíčky přes bower, tak se mi nezobrazovala hodnota v multiselectu. Nakonec sem problém vyřešil tím, že sem downgradoval balíček bootstrap-select na nižší verzi ..dal sem tam 1.12.0 a začlo to fungovat tak jak má.. (asi by to šlo i s jinou vyšší, ale nechce se mi to testovat)..ale s nejnovější verzí tuším 1.13.3 to fungovalo špatně
Prosím u ostatních je fiterMultiSelect s nejnovější verzí bootstrap-selectu bez problému??

Pavel Janda napsal(a):

@jikki Určitě to jde. Mrkni na demo + kód dema hned pod ním: https://ublaboo.org/…group-action
Když vybereš Add note, ukáže se ti pak text input. :)

add Note vím :) Ale je to jen polovina toho co bych potřeboval.
Potřeboval group action, která bude mít v sobě input select a následně input text, abych to mohl použít pro následující scénař:

V tabulce mám zobrazené typy položek a jejích dostupné množství. V group action vyberu např. akci ‚Přesun‘, pak potřebuji ať to nabídne select s výběrem umístění. Vyberu umístění a pak bych potřeboval ať nabídne text input pro zadání množství :)

Ahoj,

lze nějak nastavit, aby konkrétní řádky byly zaškrtnuty pro GroupdAction při načtení tabulky?
Případně, aby si tabulka pamatovala zaškrtnuté řádky při stránkování?

díky moc

Musis vyresit tyto veci:

1. dostat sve zaskrtnuti ze serveru na klienta. Muzes udealt sablonu a nastavit class podle toho zda je zaskrtnute.
2. osetri, aby pri se po doruceni snippetu gridu nastavily checkboxy

{define col-objednavka_id}
    <span {if $item->objednavka_checked}class="checked" {/if}>{$item->objednavka_id}</span>
{/define}

$.nette.ext('datagrid.handling', {
    success: function(payload) {
        var processCreate = false;
        var processResize = false;

            if (payload && payload.snippets) {
                Object.keys(payload.snippets).forEach(function(snippet,index) {
                    if ((snippet.indexOf('-table') !== -1) || (snippet.indexOf('-grid') !== -1)) {
                        processCreate = true;
                    } else if (snippet.indexOf('-tbody') !== -1) {
                        processResize = true;
                    }
                });
            }

            if (processCreate || processResize) {
                // nastavit checkbox. Kod je narychlo nastreleny
                $('td.col-objednavka_id span.checked').closest('tr').find('input[type="checkbox"]').prop('checked', true);
            }
        }
    });

Čau,
hele řeším takovou divnou věc…

Snažím se po přidání nového řádku datagrid překreslit abych nemusel znovu načítat stránku ale nějak to nefunguje--

$grid->getInlineAdd()->onSubmit[] = function($values) {
    $v='';foreach($values as $key=>$value){$v.="$key: $value, ";}$v=trim($v,', ');
    $this->touramentRepository->saveSchool(null,$values);
    $this->flashMessage("Škola byla úspěšně přidaná k turnaji.", 'success');
    $this['schoolGrid']->redrawControl();
    $this->redrawControl('flashMessages');
};

Dělám něco špatně? :O

jAkErCZ napsal(a):

Čau,
hele řeším takovou divnou věc…

Snažím se po přidání nového řádku datagrid překreslit abych nemusel znovu načítat stránku ale nějak to nefunguje--

$grid->getInlineAdd()->onSubmit[] = function($values) {
    $v='';foreach($values as $key=>$value){$v.="$key: $value, ";}$v=trim($v,', ');
    $this->touramentRepository->saveSchool(null,$values);
    $this->flashMessage("Škola byla úspěšně přidaná k turnaji.", 'success');
    $this['schoolGrid']->redrawControl();
    $this->redrawControl('flashMessages');
};

Dělám něco špatně? :O

ahoj,
zkus překreslit takto: $this['schoolGrid']->reload();

Editoval Jurix (7. 12. 2018 6:51)

@PavelJanda Byla tato issue nějak vyřešená prosím? Nenašel jsem řešení.

díky moc

Pavel Janda napsal(a):

@chap Toto issue je už dlouho známé. Zmínil jsem to na Nette Campu.. Vysvětlím:

1, Inline editace se vyrenderuje do formuláře rovnou (pak se jen zviditelní při kliknutí na button)
2, Pokud je tam něco required, začne celý formulář při jakékoliv akci křičet, protože má formulář obalující datagrid blbě nastavený validation scope – zahrnuje InlineEdit/Add form (tuším, že v tom tkví jádro pudla).
3, Fix by měl být jednoduchý..
Jenže!
Přesto, že si na to lidé stěžují už delší dobu, ani jeden z těch cca 20 lidí, kteří o tom mluvili, neposlal PR, nepřišel diskutovat fix, nic.
Takže!
Kdyby byl alespoň nějaký náznak spolupráce, náznak toho, že chce do problému někdo strkat prstíky, budu moc rád nápomocen. Aktuálně to však na žádném svém projektu nepotřebuji, takže nechám toto issue ještě chvilku (třeba měsíc a kus) hnít jako takový průzkum opensource společnosti. Zpětně i předem se za to omlouvám a doufám, že se třeba najde někdo, kdo zlomek času, který třeba ušetřil použitím datagridu, věnuje pokusu o fixnutí validation scope.

cafesk8 napsal(a):

Zdravím,

mám naprosto jednoduchhý datagrid, který mi funguje dokud si zaráz nerozkliknu k editaci více řádků zaráz, jakmile dám edit na více řádků a pak na různých řádcích klikám buď save nebo cancel, tak se automaticky vykonávají odkonce namísto u konkrétního řádku.

		$grid = new DataGrid($this, $name);
		$grid->setDataSource($this->myRepository->findAll());
		$grid->addColumnText('input_price', 'Vstup')
			->setSortable()
			->setFilterText('input_price');
		$grid->addColumnText('output_price', 'Výstup')
			->setSortable()
			->setFilterText('output_price');

		$grid->addInlineEdit()
			->onControlAdd[] = function($container) {
				$container->addText('input_price', '');
				$container->addText('output_price', '');
			};

		$grid->getInlineEdit()->onSetDefaults[] = function($container, $item) {
			$container->setDefaults([
				'input_price' => $item->input_price,
				'output_price' => $item->output_price
			]);
		};

V js nemám nic jiného než:

<script>
	$(function () {
		$.nette.init();
	});
</script>

Pokud kliknu např. na editaci řádku č. 3, udělám změny a dám save anebo cancel, tak se správně překreslí ať již ze změnami nebo bez správně řádek č. 3.

Pokud ale otevřu (v tomto pořadí) řádek 1, 2 a nakonec 3 tak poté pokud dám save/cancel u řádku č. 1, provede se změna u řádku č. 3 a po opětovném kliknutí na edit/cancel na řádku č. 1 se provede/překreslí řádek č. 2 a až na třetí pokus se to provede u řádku č. 1.

Pokud si však v js dám:

<script>
	$.nette.ext('datagrid.handling', {
		success: function(payload) {
			console.log(payload);
		}
	});
</script>

Tak se mi do konzole vypíše správně ID upravovaných řádků.

Nevíte někdo co dělám špatně nebo čím by to mohlo být? Anebo prostě akorát ublaboo/datagrid neumí více big-editů zaráz?

Pro ujasnění přidávám screencast zde

Big inline edit tuším není konstruován pro editaci více řádků současně viz příklad

Zkontroluj si zavedené assety.

@jikki: Škoda, že s tím ty nic neuděláš. :)

@ppar Super, na tom sandboxu by se to snad mohlo podařit odladit. Já teď, bohužel, moc aplikací s frontendem nedělám a k inline editaci se vůbec nedostanu. Ale takovýhle sandbox je skvělý začátek a i mě teď dodal trochu síly a zvědavosti, abych si to repo přes svýtky vyklonoval.

Ahoj, obaluji sql dotaz fluentem a narazil jsem se na problém s defaultním řazením podle primárního klíče.

Původní sql:
select * from user order by name
Problematicky (obalený) sql:
SELECT * FROM ( select * from user order by name) val ORDER BY "id" ASC LIMIT 15

Datagrid přidává ORDER BY "id", který změní původní order by. Dá se to nějak obejít?

p.s. přidával jsem issue na github:
https://github.com/…d/issues/731

Lze nějak zobrazit grid, který už má rovnou otevřený inline řádek pro zadání nové položky? Tj. aby nebylo nutné klikat na plus (přidat novou položku)?

Vyřešil jsem to takto:

$(document).ready(function (event) {
	$('#snippet-mujGrid-tbody tr:first').removeClass('datagrid-row-inline-add-hidden');
});

Napadá vás lepší řešení? Děkuji za tip.

Editoval pavelinnuendo (18. 1. 2019 13:24)

@Mart78 Pokud si uděláš custom šablonu, tak si udeš muset i ten href sám vytvořit a vyrenderovat.. Ideálně přes n:href :)

Setkal se někdo s tím že $grid->setDefaultSort(['id' => 'DESC']); řadí jako ASC?
Do SQL dotazu to vygeneruje pouze ORDER BY invoices.id. Pokud změním default sort např na ['price' => 'DESC'] vše funguje správně. Datasource je Nextras ORM – $grid->setDataSource($this->db->invoices->findAll());
Neví někdo prosím?

Uz delsi dobu se trapim s jednim „mensim“ problemem.

Mam v gridu obycejnou hromadnou akci na stazeni PDFek (pomoci mPDF spojim vice PDFek do jednoho souboru).
Problem mi nastane, ze jakmile vyberu akci a zmacknu submit button, provede se pouze ajax request a soubor se nestahne.
Kdyz na submit button kliknu za pridrzeni klavesy CTRL (v Google Chrome se otevre nova zalozka) tak se soubor stahne (z toho usuzuju ze response mam napsanou spravne).
Napada nekoho, jak donutit prohlizec stahnout ten soubor?

Akce:

$grid->addGroupAction('PDF')
	->onSelect[] = function (array $ids): void {
		...
		$this->sendResponse(new Responses\ForceDownload($mpdf->Output('', \Mpdf\Output\Destination::STRING_RETURN), 'mix.pdf'));
	};

Response:

<?php

declare(strict_types=1);

namespace Service\Responses;

use Nette;

final class ForceDownload implements Nette\Application\IResponse
{
	/** @var string */
	private $content;

	/** @var string */
	private $fileName;

	/** @var string */
	private $contentType;


	/**
	 * @param string $content
	 * @param string $fileName
	 * @param string $contentType
	 */
	public function __construct(string $content, string $fileName, string $contentType = 'application/octet-stream')
	{
		$this->content = $content;
		$this->fileName = $fileName;
		$this->contentType = $contentType;
	}


	/**
	 * @param Nette\Http\IRequest $httpRequest
	 * @param Nette\Http\IResponse $httpResponse
	 */
	public function send(Nette\Http\IRequest $httpRequest, Nette\Http\IResponse $httpResponse): void
	{
		$httpResponse->setContentType($this->contentType);
		$httpResponse->setHeader('Content-Disposition', 'attachment; filename="' . $this->fileName . '"');
		$httpResponse->setHeader('Content-Length', strlen($this->content));

		if ($this->content !== null) {
			echo $this->content;
		}
	}
}

Chci se zeptat je nějaká možnost že pře změně statusu se otevře modalní okno kde bude nutné něco vyplnit jinak se ten status změnit nemůže? :D