[addon tabcontrol] TabControl

Paráda! Jen detail – asi bych tam nepsal, že vyžaduje nejnovější revizi – ta může být zítra jiná, než dnes.

Skvělé!

Jen si teda počkám na úpravu SnippetHelperu přímo v Nette a pak hurá implementovat!

Převeliké díky ;-)

Pěkné ;] asi časem použiju. Jen hlasím malí bug v sortable a Opeře.

Když tab někam přetáhnu a pustím tak uskočí uplně do pryč ;]

Nedavdo jsem řešil to samé, je to chyba v jQuery UI Sortable. Projevuje se myslím když je na položkách position: relative (asi). Tak jim po přesunutí zůstane left a top, ostatní prohlížeče to skousnou Opara ne. Stačí když v události stop přidáš left a top na auto

                $("#"+"tabs__jQueryUITabs").tabs({}).find(".ui-tabs-nav").sortable({ axis:'x',distance:25,stop:function(e,ui){
			$(ui.item).css('left','auto');
			$(ui.item).css('top','auto');
                                                var order = $(this).sortable("toArray");
                        $.get("\/?tabs-order=order&do=tabs-saveTabsOrder", {"tabs-order[]":order});
// vytaženo ze zdroje dema, nechce se mi hledat v distribuci.

Na ten bug se podívám. Pravda na opeře jsem to netestoval. (jen na IE 8, Moz 3.5, Chrome 2, Safari)

P.S.: Ten jsem objevil naprosto, ale naprosto killer feature, nyní podporovanou ve všech prohlížečích. Div se prostě začne chovat jako input. Video zde. Zkusím to nějak elegantně implementovat do datagridu. A ještě jedna příjemná věc (taky v ukázce), flash zprávičky se zobrazují pomocí jQuery pluginu jGrowl.

honzakuchar napsal(a):

fixed – ale to přesouvání v Opeře funguje vůbec nějak „divně“

Co znamená divně, mě teď už funguje normálně. Nemáš nejakou historickou verzi?

honzakuchar napsal(a):

A díky za perfektní bug report! ;)

díky za perfektní componentu ;]

Proč to vyhazuje ten startTag() nevím. (je to normální HTML objekt) Já dělám pod Windows, takže se spíš divím, že to není naopak.

Moduly jsem netestoval to jest pravda. (nikdy jsem je ani nepoužil protože ani nevím přesně jak je použít) Až bude trošku času, tak se na to podívám. Zkus si zkontrolovat, co ti to vygenerovalo za odkazy.

odkaz je klasika /?tabs-tab=help&do=tabs-select&presenter=Config%3AMeasure, nieco taketo mi vypise firefox /3.5/ po kliku {state:{id:null,tabs-tab:help}} v kode, Windows ma Vistu, a naistalovany nejaky VAMP server – co pouzivas konkretne ty – instalujes samostatne apache2, php, mysql? V Linuxe je to bez problemov… Inak super komponent

Editoval marek-m (17. 8. 2009 8:03)

aj ja som si naistaloval xampp, vo windowse mi vsak nejde ani demo – asi ta blba VISTA, error riadku 25 – co by som vsak az tak neriesil, pod linuxom len presunem demo na iny modul:prezender – a to mi nejde, ak mam vsak len prezenter – cize neclenim to na modul prezenter, ide vsetko ok, sranda je, ze ak na tvrdo nastavim prezenter=Default:default – ide to, co vsak urcite ma suvis s routovanim,

„demo:“ http://demo.camea.sk/ marek-heslo

menu – skuska

Editoval marek-m (17. 8. 2009 12:14)

Modul – kvoli prehladnosti programu /predstav si modul administracia a modul stranky/, ale predpokladam, ze tam budem skor problem v Nette, ak to mozem tvrdit – ako som si vsimol ajax mi nefunguje pri pouziti modulu ani na datagrid, takze ako keby nette nevedel urcit prezenter — co sa mozem aj mylit, zaujimave, ze ked hodim na tvrdo neidentifikovany modul:prezenter, vyhodi mi to chybu do logu – nenasiel som prezenter. Nejde vsak o zasadnu chybu, mozno by sa to dalo obist routovanim /mozno/. Win si neskor poriesim, Bohvie ake mam vo Viste blokacie, alebo nastavenia.

marek-m napsal(a):

Modul – kvoli prehladnosti programu /predstav si modul administracia a modul stranky/, ale predpokladam, ze tam budem skor problem v Nette, ak to mozem tvrdit – ako som si vsimol ajax mi nefunguje pri pouziti modulu ani na datagrid, takze ako keby nette nevedel urcit prezenter — co sa mozem aj mylit, zaujimave, ze ked hodim na tvrdo neidentifikovany modul:prezenter, vyhodi mi to chybu do logu – nenasiel som prezenter. Nejde vsak o zasadnu chybu, mozno by sa to dalo obist routovanim /mozno/. Win si neskor poriesim, Bohvie ake mam vo Viste blokacie, alebo nastavenia.

Je to Presenter, ne Prezenter ;] Takle se s toho chudáci začátečníci zblázní až se budou snažit vytvořit svůj DefaultPrezenter ;]

Musim skutocne vsetko stiahnut, zabudol som na @ /aj ked som bol na to upozorneny/ – potom vsetko funguje – dakujem za pomoc, aj za kritiku

Pokud bude srpnová PS v Praze, pak v Brně by měla být nejspíš v září, pokud se bude dodržovat střídání.

Zdravím Honzo,

primárně dík za komponentu. Je fakt expresní:) Jen jsem teď našel takovou nejasnost.

V tabu mám DataGrid s akcemi, které jdou mimo taby. Odkazy se ale nevytvoří, protože se link volá na PresenterComponent.

Pro reprodukovatelnost:

// v tovarnicce tabu na DataGrid
	public function createTabDataGrid($name, Tab $tab)
	{
		...
		$dg->addAction('Akce', 'NejakyPresenter:akce', clone $icon->class('icon icon-detail'));
		...
	}

Což se neprovede, protože to hleda komponentu nejakypresenter.

Změnil jsem tedy řádek 171 ve třídě Tab…

// původně
$link = parent::link($destination, $args);

// nový
$link = $this->presenter->link($destination, $args);

… a funguje parádně. Co tím parent:: bylo zamýšleno?

To jo, ale pomocí parent::? To je rodič komponenty z hlediska návrhu, ale ne aplikace. Co tam radší dát

$link = $this->parent->parent->link($destination, $args);

Dvakrát to tam je, protože se to volá z Tab. Poprvé rodič Tab je TabControl a pak rodič TabControl tvá komponenta.

Taky nechápu, proč je na řádku 170 ten test

	private function _link(PresenterComponent $obj,$destination, $args = array())
	{
		if($obj === $this)

když je to v metodě link voláno jako:

	return $this->_link($this,$destination, $args);

Tzn. test vždy projde… Něco mi uniká? Nehledě na to, že v tomhle případě se nevygeneruje InvalidLinkException, kterou by jsi odchytil, ale InvalidArgumentException při hledání té komponenty. Na handlerComponent by tedy vůbec nedošlo…

EDIT: Nějak mi blblo načítání tabů. Chvilku jsem si s tím hrál a nakonec to vyřešil tak, že jsem odmazal start a konec toho obalovacího snippetu content, co je v TabControl.phtml. Nette to pak bralo jako jeden snippet a vždy přepsalo všechno. Teď už mi ty snippety chodí pěkně zvlášť a v pohodě. Tobě to s tím obalovacím snippetem jede?

Editoval vlki (19. 8. 2009 2:23)

Tak od teď můžete vracet v továrníčce na obsah tabu i cokoliv s ITemplate

Jen mě tak napadlo. Myslíte, že by mělo smysl, jako takouvou zkratku udělat něco ve stylu $tab->content = "template:%appDir%/templates/neco/neco.phtml". Že bych kvůli šabloně nemusel psát továrničku. (tedy pokud má statický obsah)

S továrničkou na šablonu bych až takový problém neviděl, zbytečně bych to nezapleveloval dalšími specifiky.

Narazil jsem na dva problémky při použití TabConrolu a to tyto:

DataGid tvořím přes továrničku metodou getComponentPersonsDataGrid.
V metodě pro naplnění tabu volám

<?php
function createTabPersons($name,Tab $tab)
{
	$grid = $this->getComponent('personsDataGrid');
	return $grid->render();
}
?>

Pokud bych vracel přímo komponentu $grid bez volání render(), skončí mi to výjimkou, že komponenta není registrována k Tabu.

Lze nějak přiřadit komponentu k Tabu, když ji vytvářím přes továrničku?

Druhá část dotazu je k použití šablony v tabu. Pokud použiju výše uvedené získání gridu v továrničce tabu, tak je to ok, ale pokud použiju tento zápis

<?php
function createTabPersons($name,Tab $tab)
{
	$templatePersons = new Template;
	$templatePersons->setFile(Environment::expand("%appDir%/templates/tabs/persons.phtml"));
	$templatePersons->registerFilter('Nette\Templates\CurlyBracketsFilter::invoke');

	return $templatePersons;
}
?>

a v šabloně je jen @{control personsDataGrid}, spadne mi to na výjimce Call to a member function getWidget() on a non-object.

hasSnippets na daném tabu mám zaplé.

Je potřeba ještě nějak ohnout šablonu, abych v ní mohl použít widget? Potřeboval bych pod datagrid právě doplnit do tabu ještě další věci.

Díky za případnou radu.

P.S. Až při podrobném pročtení vlákna jsem si všiml, že Honzovi je 16, tak i z tohoto pohledu klobouk dolů ;)

Editoval blacksun (7. 10. 2009 17:41)

1. To odregistrování pomocí $this->removeComponent() a pak vrácení returnem funguje ok, narazil jsem na to náhodou a pak si to i napsal ;)
2. S tou šablonou jsem zkusil pár věcí, ale nepovedlo se mi to rozjet. Když ji vytvořím přes $this->createComponent() kde $this je presenter, tak mi pak nefungují ostatní taby. Když zkusím přes $tab->createComponent() v továrničce na tab, tak to nefunguje.

Když použiju v továrničce tabu šablonu přes new Template, tak do ní si mohu předat datagrid přes komponentu. Jediné, co mi v tomto případě nefungovalo byly flashmessage od datagridu, které ale asi musím v šabloně sám vykreslit (?)…

Přemýšlím, že pokud bych chtěl mít v tabu nějakou složitější šablonu včetně komponent apod, bylo by lepší vytvořit nad tím komponentu např. dle návodu z QuickStartu a tu pak tabu předat.

Jinak co jsem zkusil vlastně mimoděk tak je více TabControlů v sobě a to funguje ;)

Jj, chybka, $this->createTemplate();

Momentálně bojuju s tím, že pokud použiju tento kód pro vytvoření tabu

<?php
function createTabPersons($name,Tab $tab)
{
	$templatePersons = $this->createTemplate();
	$templatePersons->setFile(Environment::expand("%appDir%/templates/tabs/test.phtml"));
	$templatePersons->pDG = $this->getComponent('personsDataGrid');
	return $templatePersons;
}
?>

a v šabloně pouze kód @{!$pDG->render()}, tak se datagrid vykreslí, posílá signály, ale nefunguje jejich zpracování :-(

<?php
function handlePersonsActions(SubmitButton $button)
{
	$form = $button->getParent();
	$grid = $this->getComponent('personsDataGrid');

	$grid->flassMessage('test');
	$grid->invalidateControl();
}
?>

hodí err 500..

Když tab není přes šablonu, ale přímo vrácen od presenteru odpojený datagrid, tak to funguje:

<?php
function createTabPersons($name,Tab $tab)
{
	$pDG = $this->getComponent('personsDataGrid');
	$this->removeComponent($pDG);
	return $pDG;
}
?>

Je to celý nějaký magický, nedaří se mi do toho proniknout tak, jak bych potřeboval.

Updatoval jsem příklad, ukázka (TabControlu v TabControlu) + (template s TabControlem v TabControlu). Tzn. máš tam tu komponentu (s podporou ajaxu) v template.

Ahoj, Tabcontrol volam zo sablony cez @{control tabs}
Kod tovarnicky:

<?php
function createComponentTabs($name) {

	    $tc = new TabControl($this,$name);
	    $tc->mode = TabControl::MODE_LAZY;
	    $tc->sortable = false;
	    $tc->loaderText='Načítávam...';

	    $t = $tc->addTab('mostVisited');
	        $t->header = 'Najčítanejsie';
	        $t->contentFactory = array($this, 'getMostVisitedArticles');
	        $t->hasSnippets = true;
	        $t->select();

	    $t = $tc->addTab('mostCommented');
	        $t->header = 'Najkomentovanejsie';
	        $t->contentFactory = array($this, 'getMostCommentedArticles');
	        $t->hasSnippets = true;


	  	return $tc;
	}
?>

chcel by som po selectnuti daneho tabu ulozit jeho ‚id‘ do session a podla nej vzdy oznacit po reloade stranky naposledy oznaceny tab. Da sa to nejako jednoducho? Vdaka

Any idea jak to vyřešit? :)

Bohužel.

Ahoj, neviem, ci to patri sem, ale skusim..
Generovany link pre oznacenie tabu je v xhtml nevalidny .. namiesto entity & dava do adresy samotny &.
Da sa to niekde nastavit/opravit?

Generovany link pre oznacenie tabu je v xhtml nevalidny

fixed

Rad bych poslouzil ale bohužel to implementace nedovoluje, a ani kdybych cely TabControl přepsal, tak fakt nevim, jak bych to udelal. Takže fakt nevim. (tohle by se mi samozřejmě hodilo taky)

//EDIT: Něco mě napadlo.

Editoval honzakuchar (29. 11. 2009 9:52)