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

rkor napsal(a):

@igor.pocta
Podle mne to funguje, pokud definuješ filtry pro každý sloupec zvlášť:
…
\--

setFilterText jsem používal jako první. Pak jsem to předělal na addFilterText a to také nepomohlo.

Ahoj.

Dá se nějakým způsobem přes „setDataAttribute($key, $value)“ jako value definovat hodnota konkrétní buňky?
Aby byl výsledek např.:

$grid->addAction("article", "", "changeState!")->setDataAttribute("state", "%column_state%");

<a ... data-state="hodnota_state">

Díky za objasnění :)

Editoval monty (6. 12. 2017 23:48)

Pavel Janda napsal(a):

@monty Hmm, takhle pěkně jednoduše asi ne. Budeš muset použít vlastní template sloupce, případně vlastní renderer.

@PavelJanda

Renderer funguje skvěle
Díky Pavle ;)

Dobrý den,
předně musím vyseknout poklonu tvůrcům komponenty. Je to fakt úžasný pomocník. I mne mile překvapilo, že základní filtry švihají i na dost velkých datových objemech v tabulkách. Fakt dobrej počin, díky za něj.

Potřebuju teď inline editovat sloupec datetime, ale když přidám třídu a nějaký základní JQuery kod pro datepicker, nefunguje to, poněvadž se form odesílá už v momentě, kdy kliknu mimo editované pole.

Předpokládám, že by mělo postačit pár řádek JS/JQuery a myslím, že už to někdo určitě řešil, tak jen abych zbytečně nevymýšlel kolo :)

Pavel Janda napsal(a):

@igor.pocta Používáš nejnovější assety i knihovnu ublaboo/datagrid?

Jj mám, čerstvě stáhnutou z boweru… :(

Pavel Janda napsal(a):

Klidně můžeš poslat PR, který přidá nastavítko, které to bude povolovat (by-default) nebo zakazovat. :)

Nějakej přepínač by byl luxusní.
Pokud PR = pull request, tak do toho mne, ve vlastním zájmu radši netlač. GIT téměř nepoužívám, jedeme už léta paranoidně na vlastním Subversion. Nejspíš bych vám tam, při svojí stařecký demenci, něco polámal… ;)

Môže mi niekto poradiť ako zachytím v javascripte prekreslenie datagridu konkrétne po resete filtrov? Mám v groupedActions datatimepicker a ten sa po resete prestane zobrazovať. Je ublaboo ajax napísaný nad nette ajaxom, že by sa dali použiť extensions?

Ahoj, poradil by mi někdo, jak mám udělat součet sloupců prosím?

<?php
		$grid->setColumnsSummary(['cashIncome'], function($item, $column) {
			if ($item->getType() == 'income' && $item->getPaymentType() == 'cash') {
				return $item->getAmount();
			}
		});

		$grid->setColumnsSummary(['cashExpense'], function($item, $column) {
			if ($item->getType() == 'expense' && $item->getPaymentType() == 'cash') {
				return $item->getAmount();
			}
		});
?>

nefunguje, asi může být jen jeden setColumnsSummary() .

Používám Doctrine ORM

Díky moc

Editoval ppar (31. 12. 2017 1:36)

Ahoj, jak mám posím sečíst všechny čísla ve sloupci celkem, ne jenom součet zobrazených? Nejlépe přes SUM v SQL. Metoda setColumnsSummary() je fajn, ale sečte jen zobrazená čísla ve sloupci. Potřebuju ještě do toho přidat addColumnDateTime->setCondition()

Editoval ppar (7. 1. 2018 18:17)

Zdravím,

nepodařilo se někomu úspěšně přidat DateTimePicker (GitHub) jako součást inline-editu pole v DataGridu?

Aktuálně vím pouze o přidání DatePicker:

$grid->addInlineEdit()
	->onControlAdd[] = function($container) {
		$container->addText('name', '');
		$container->addText('created', '')
			->setAttribute('data-provide', 'datepicker')
			->setAttribute('data-date-format', 'd. m. yyyy');
	};

Potřeboval bych však vložit spolu s datem i čas.

Děkuji.

@theo

0, Hodí :) , zrovna včera jsem ho použil, akorát o trochu složitější s renderer callbackem
1, Dík za upozornění. Fixnu typu z „parameters“ na „attributes“
2, Můžeš poslat PR? :)

Ahoj, řeším problém a zatím jsem nenašel žádné řešení. Pokud si data seřadím podle nějakého sloupce, následně použiju hledání ve filtru, které pak smažu, tak se data seřadí zase podle defaultního řazení i když šipka u názvu slouce říká, že ne. Dá se tohle nějak vyřešit? Používám 5.x-dev.

@ppar To první by bylo pěkné. Taková fixed hlavička jako w excelu nebo google spreadsheetu. Ale nejsem asi takový css mág, abych to během chvilky zbastlil. Ale taky by se mi to líbilo. :)

Opakování docílíš asi nejjednodušeji úpravou šablony.

@pavel_4 Popsané chování se mi nedaří replikovat. MOhl bys někam (např na github) hodit sandbox-like ukázku popsaného chování? Díky!

@pavel_4 Pravda. Fixed ve v5.5.2.

Vyřešeno:

{extends $original_template}

				{block tbody}
				<tbody n:snippet="tbody" {if $control->isSortable()}data-sortable data-sortable-url="{plink $control->getSortableHandler()}" data-sortable-parent-path="{$control->getSortableParentPath()}"{/}>
					{snippetArea items}
						{if $inlineAdd && $inlineAdd->isPositionTop()}
							{include inlineAddRow, columns => $columns}
						{/if}
						{var $i = 0}
						{foreach $rows as $row}
							{if $i % 10 == 0 && $i != 0}
								{include header}
							{/if}
							{var $item = $row->getItem()}

							{if !isset($toggle_detail)}
								{if $inlineEdit && $inlineEdit->getItemId() == $row->getId()}
									{php $inlineEdit->onSetDefaults($filter['inline_edit'], $item); }

									<tr data-id="{$row->getId()}" n:snippet="item-{$row->getId()}" n:class="$row->getControlClass()">
										<td n:if="$hasGroupActions" class="col-checkbox"></td>

										{foreach $columns as $key => $column}
											{var $col = 'col-' . $key}

											{var $td = $column->getElementForRender('td', $key, $row)}
											{var $td->class[] = 'datagrid-inline-edit'}
											{$td->startTag()|noescape}
												{if isset($filter['inline_edit'][$key])}
													{input $filter['inline_edit'][$key]}
												{elseif $inlineEdit->showNonEditingColumns()}
													{include column-value, column => $column, row => $row, key => $key}
												{/if}
											{$td->endTag()|noescape}
										{/foreach}

										<td class="col-action col-action-inline-edit">
											{input $filter['inline_edit']['cancel'], class => 'btn btn-xs btn-danger'}
											{input $filter['inline_edit']['submit'], class => 'btn btn-xs btn-primary'}
											{input $filter['inline_edit']['_id']}
											{input $filter['inline_edit']['_primary_where_column']}
										</td>
									</tr>
								{else}
									<tr data-id="{$row->getId()}" n:snippet="item-{$row->getId()}" n:class="$row->getControlClass()">
										<td n:if="$hasGroupActions" class="col-checkbox">
											{if $row->hasGroupAction()}
												<input n:class="$control->useHappyComponents() ? 'happy gray-border' , primary" type="checkbox" data-check="{$control->getName()}" data-check-all-{$control->getName()|noescape} name="{$control->getName()|lower}_group_action_item[{$row->getId()}]">
											{/if}
										</td>
										{foreach $columns as $key => $column}
											{php $column = $row->applyColumnCallback($key, clone $column)}

											{var $td = $column->getElementForRender('td', $key, $row)}
											{$td->startTag()|noescape}
												{include column-value, column => $column, row => $row, key => $key}
											{$td->endTag()|noescape}
										{/foreach}
										<td n:if="$actions || $control->isSortable() || $items_detail || $inlineEdit || $inlineAdd" class="col-action">
											{foreach $actions as $key => $action}
												{if $row->hasAction($key)}
													{if $action->hasTemplate()}
														{include $action->getTemplate(), item => $item, (expand) $action->getTemplateVariables(), row => $row}
													{else}
														{$action->render($row)|noescape}
													{/if}
												{/if}
											{/foreach}
											<span class="handle-sort btn btn-xs btn-default" n:if="$control->isSortable()">
												<i n:block = "icon-arrows-v" class="{$icon_prefix}arrows-v"></i>
											</span>
											{if $inlineEdit && $row->hasInlineEdit()}
												{$inlineEdit->renderButton($row)|noescape}
											{/if}
											{if $items_detail && $items_detail->shouldBeRendered($row)}
												{$items_detail->renderButton($row)|noescape}
											{/if}
										</td>
									</tr>
								{/if}
							{/if}

							{**
							 * Item detail
							 *}
							{if $items_detail && $items_detail->shouldBeRendered($row)}
								<tr class="row-item-detail item-detail-{$row->getId()}" n:snippet="item-{$row->getId()}-detail">
									{if isset($toggle_detail) && $toggle_detail == $row->getId()}
										{var $item_detail_params = ['item' => $item, '_form' => $filter] + $items_detail->getTemplateVariables()}

										{if isset($filter['items_detail_form'])}
											{var $item_detail_params['items_detail_form'] = $filter['items_detail_form']}
										{/if}

										{ifset #detail}
											<td colspan="{$control->getColumnsCount()}">
												<div class="item-detail-content">
													{include #detail, (expand) $item_detail_params}
												</div>
											</td>
										{elseif $items_detail}
											<td colspan="{$control->getColumnsCount()}">
												<div class="item-detail-content">
													{if $items_detail->getType() == 'template'}
														{include $items_detail->getTemplate(), (expand) $item_detail_params}
													{else}
														{$items_detail->render($item)|noescape}
													{/if}
												</div>
											</td>
										{/ifset}
									{/if}
								</tr>
								<tr class="row-item-detail-helper"></tr>
							{/if}
							{php $i++}
						{/foreach}

						{if $inlineAdd && $inlineAdd->isPositionBottom()}
							{include inlineAddRow, columns => $columns}
						{/if}

						<tr class="datagrid-row-columns-summary" n:if="!empty($rows) && ($columnsSummary || $control->hasSomeAggregationFunction())" n:snippet="summary">
							<td n:if="$hasGroupActions" class="col-checkbox"></td>

							{if $columnsSummary && $columnsSummary->someColumnsExist($columns)}
								{include columnsSummary, columns => $columns}
							{/if}

							{if $control->hasSomeAggregationFunction()}
								{include aggregationFunctions, columns => $columns}
							{/if}

							<td n:if="$actions || $control->isSortable() || $items_detail || $inlineEdit || $inlineAdd" class="col-action"></td>
						</tr>

						{block noItems}
							<tr n:if="!$rows">
								<td colspan="{$control->getColumnsCount()}">
									{if $filter_active}
										{='ublaboo_datagrid.no_item_found_reset'|translate} <a class="link ajax" n:href="resetFilter!">{='ublaboo_datagrid.here'|translate}</a>.
									{else}
										{='ublaboo_datagrid.no_item_found'|translate}
									{/if}
								</td>
							</tr>
						{/block}
					{/snippetArea}
				</tbody>
				{/block}

Ale když tam mám:

							{if $i % 10 == 0 && $i != 0}
								{include header}
							{/if}

přestane fungovat správně omezování počtu řádků přes dolní select box

EDIT
nahrál jsem ukázku na https://github.com/…der-datagrid

Editoval ppar (12. 1. 2018 13:27)

@PavelJanda Fix je super, ale našel jsem podobný problém. Pokud seřadíš grid podle sloupce name, potom něco vyhledáš, je to ok. Jakmile ale potom přejdeš na jinou stránku a vrátíš se zpět (klikem v menu, ne přes tlačítko zpět v prohlížeči) a smažeš hledání, objeví se stejný problém (hodnoty nejsou seřazené i když záhlaví říká, že ano). Testnul jsem to na demu a chová se to stejně. Šlo by tohle prosím fixnout?

@pitr82
já to kdysi vyřešil takhle:

<?php
...
$grid->addColumnText('title', 'Název')
                ->setTemplate(__DIR__ . '/templates/components/datagrid/grid.img.latte');
...
?>

v grid.img.latte:

<img src="/{$basePath}{$item->photo_url}" style="height: 100px;"> &nbsp; <a href="{plink Somw:showDetail $item->id}">{$item->title}</a>

Editoval ppar (15. 1. 2018 17:15)

@PavelJanda Ahoj :) Chcel by som sa opýtať 2 veci:

1. Čo sa týka Datagrid Tree View. Je možné ho zobraziť tak ako klasický datagrid(filtre, paginator…) s tým, že budem vidieť iba vľavo tú šipočku? Potrebujem iba jedno urovnove zanorenie.
2. Možno netypický problém. 1 uroven sú data z tabuľky X a 2 uroven ked si rozkliknem sú data z tabulky Y. Čiže nie je to výpis z jednej tabuľky. Všetko funguje až pokiaľ nemám v 2 urovni rovnake ID ako v 1 urovni. Vtedy mi to datagrid prekresli a oba riadky vyzera identicky. Napadá ťa nejaky fix?:)

Ďakujem :)

@iNviNho
1, Proč to dosud nebylo implementováno: Asi to nikdo nepotřeboval. Rozhodně ne já. :) Například kategorie e-shopů byly zanořeny do X úrovní a tedy se vždy nevykreslovalo zas tak moc položek.
2, Implementace: Klidně ukaž, co máš a můžeme to tam přihodit, budu rád. Udělejme to jako 3. druh šablony. Mohla by tedy existovat šablona pro velký tabulkový grid, velký (paginator, sorting, filtering) tree-view grid a malý tree-view grid.
3, Překreslení řádků se stejným ID: Njn, to mě ze začátku nenapadlo – bug. V datagridu se jednoduše hledá element podle [data-id="xyz"], což v případě, že máš víc položek se stejným ID, znamená, že se najde to první z nich a to se překreslí. Můžeš vymyslet robustnější postup. :)

@H0w4rd DataGrid podporuje složitější agregace. Jako jediná featura datagridu není zdokumentovaná.

$grid->addAggregationFunction(
	new Ublaboo\DataGrid\AggregationFunction\FunctionSum('price', IAggregationFunction::DATA_TYPE_FILTERED)
)

Druhým parameterm konstruktoru třídy FunctionSum určuješ, zda se mají brát v potaz data všechny, nebo jen vyfiltrované výsledky, a nebo pouze jedna stránka.

Můžeš si s tím zkusit pohrát. Všechno je v traitě Ublaboo\DataGrid\AggregationFunction\TDataGridAggregationFunction. FunctionSum je jediná – ukázková – implementace interfacu IAggregationFunction. Můžeš si napsat své a pak je předat datagridu.

Editoval Pavel Janda (22. 1. 2018 10:58)

@iNviNho Nejsi, v5.x je aktuálně hlavní vývojová větev. Master je částečně připraven pro nette 3.0. Až vyjde, vydám verzi 6.0, kterou bude zastupovat master. A taky půjde do háje podpora php 5.6.

Na ublaboo.org/datagrid to také nefunguje? (Tam jede poslední verze z větve v5.x).

@PavelJanda nechce mi fungovat:

<?php
	$grid->addAggregationFunction(
		new \Ublaboo\DataGrid\AggregationFunction\FunctionSum('bankTransferIncome', \Ublaboo\DataGrid\AggregationFunction\IAggregationFunction::DATA_TYPE_ALL)
	);
?>

Php vrací vyjímku: ArgumentCountError
Too few arguments to function Ublaboo\DataGrid\DataGrid::addAggregationFunction(), 1 passed in app/components/Datagrids/CashBookControl.php on line 242 and exactly 2 expected

Editoval ppar (23. 1. 2018 13:29)

@ppar Jak jsem psal, můžeš si napsat vlastní implementaci FunctionSum. Inspiruje se tím. :)

Zdravím,

prosím, umí grid nebo jak by jste řešili SUM nad aliasovým sloupcem ?

Uvedu příklad.
V db mám
id|nazev|cena|dph

Sum grid umí, ale já si dopočítám sloupec s DPH např.:

$this->database->table('produkty')
		->select('produkty.*, cena/CONCAT("1.",dph) AS cena_dph);

Potřebuji pak zobrazit v gridu vysoučtované oba sloupce.. bez i s DPH.

Díky