TreeView

Taky přihodím svou trošku do mlýna. Vytvořil jsem dvě komponenty TreeView a ExpandableTreeView, které jsou ke stažení zde TreeView.tgz použití ve podle mě celkem jednoduché. Přibalil jsem tam i CSS na formátování, které může třeba někomu posloužit.

Je to moje první komponenta (ne jenom pro Nette), tak prosím buďte případně shovívaví.

PS: Nevíte, proč nejde udělat něco jako toto?

<?php
class a {
	private $_test;

	function Test($_test = $this->_test){
		return $this->_test = $_test;
	}
}
?>

Model

<?php
abstract class EshopObject extends Object {
	protected $lineData = NULL;
	private $dbMap = NULL;
	protected $changedData  = array();

	abstract protected function getDBMap();
	abstract protected function fetchData();

	protected function _getData($key){
		$this->fetchData();
		if (!(is_array ($this->lineData) || is_object($this->lineData)))
			return NULL;
		if (!array_key_exists($key,$this->lineData))
			return NULL;
		return $this->lineData[$key];
	}

	protected function _setData($key, array $args){
		$this->changedData[$key] = $args[0];
	}

	public function SaveData(){
		throw new FatalErrorException("Method SaveData need to be defined.");
	}

	public function DeleteData(){
		throw new FatalErrorException("Method DeleteData need to be defined.");
	}

	public function __call($name,$args){
		$class = get_class($this);
                if ($name === '')
                        throw new /*\*/MemberAccessException("Call to class '$class' method without name.");
                if ($this->dbMap == NULL)
                	$this->dbMap = $this->getDBMap();
                if (preg_match('/^get([a-zA-Z]+)/',$name,$res))
                	if (array_key_exists($res[1],$this->dbMap))
                		return $this->_getData($this->dbMap[$res[1]]);
                if (preg_match('/^set([a-zA-Z]+)/',$name,$res))
                	if (array_key_exists($res[1],$this->dbMap))
                		return $this->_setData($this->dbMap[$res[1]],$args);
                throw new MemberAccessException("Call to undefined method $class::$name().");
	}
}


class EshopCategory extends EshopObject implements ITreeViewNode, IExpandableTreeViewNode{
	/** @var int */
	private $_categoryId;

	/** @var array*/
	private $_childNodes = NULL;

	function __construct($ctg = 1){
		$this->_categoryId = $ctg;
	}

	public function getCategoryId(){
		return $this->_categoryId;
	}

	protected function getDBMap(){
		return array(
			'CategoryCaption' => 'c_category_caption',
		);
	}

	public function hasChildNodes(){
		$this->fetchData();
		return ($this->lineData['c_category_lft']+1) != $this->lineData['c_category_rgt'];
	}

	public function getChildNodes(){
		if ($this->_childNodes === NULL){
			$rows = dibi::select('c_category_id')->from('[c_category]')->where('[c_category_parent_id]=%i',$this->_categoryId)->orderBy('c_category_prio')->fetchAll();
			$this->_childNodes = array();
			foreach($rows as $row)
				$this->_childNodes[] = new EshopCategory($row['c_category_id']);
		}
		return $this->_childNodes;
	}

	public function getNodeId(){
		return $this->_categoryId;
	}

	public function getNodeCaption(){
		return $this->getCategoryCaption();
	}

	protected  function fetchData(){
		if ($this->lineData != NULL)
			return;
		$this->lineData = dibi::select('*')->from('[c_category]')->where('[c_category_id]=%i ',$this->_categoryId)->fetch();
	}
}
?>

Presenter

<?php
class CategoriesPresenter extends EshopPresenter
{
	public function renderDefault($id){
		$CategoriesTree = $this->getComponent("ctv");
		$this->template->CategoriesTree = $CategoriesTree;
	}

	public function renderNode($node){
		// zde můžete dělat co chcete, třeba udělat link, ...
		echo htmlSpecialChars($node->getNodeCaption());
	}

	protected function createComponent($name){
		switch($name){
			case "ctv":
				$CategoriesTree = new ExpandableTreeView($this, $name);
				$CategoriesTree->treeViewNode($this->eshop->getEshopCategories());
				$CategoriesTree->onRenderNode[] = array($this,'renderNode');
				$CategoriesTree->expandNode();
				return;
			default :
				parent::createComponent($name);
		}
	}
}
?>

Template

<?php
@{$TreeView->render()}
?>

Nechcete to dát na https://componette.org/search/?…

Blonďák napsal(a):

$CategoriesTree->treeViewNode($this->eshop->getEshopCategories());

mohl bys jeste prosim popsat metodu getEshopCategories()? diky

Zdravím,
na návodu k modulu TreeView je mi nejasná jedna věc.
V Presenter části je na jednom řádku kód: $ds = $this->model->getAll(); // vráti datasource. Co ale nevím je, co znamená $this->model->getAll();. Vím, že to má být nějaký objekt DataSource z Dibi, ale jak ho zavolám? Respektive, co přesně mám napsat? $this->db->něconěconěco()->toDataSource()?

Dobře, takže mám
$ds = $this->model->getTextyData(); // vráti datasource
V Modelu mám

public function getTextyData()
{
return $this->db->dataSource(‚SELECT * FROM [texty]‘);
 }

A dostávám error: Call to a member function getResult() on a non-object
A report od Laděnky ..
Předávám špatný kód, nebo je chyba někde v Tree?

Bože já jsem trotl… Díky, tohle už funguje.
Teď pro změnu řeším PresenterComponent::ajaxLink() is deprecated., což jde naštěstí potlačit přes $tree->useAjax = false;

Už se na tu novou verzi těším :-). useAjax jsem nakonec musel zabít přímo uvnitř třídy, která teď pro změnu háže notice o Notice: Undefined index: id. Evidentně to počítá, že moje tabulka má ve struktuře sloupec ID, což se šeredně spletlo… (používám místo toho menu_order)… :D

No.. Já jsem si nakonec po dnu čekání zbastlil svojí verzi. Sice nefunguje rekurzivně, ale jen do druhé úrovně, ale to mi nakonec stačí. Ale časem se na tohle ještě určitě mrknu, díky. :)

Bude to pravdepodobne novou verziou nette. Cez výkend upnem novú verziu, lebo s ním teraz tiež robím.

sorry trochu nestíham teraz doma niečo robiť :(

jak pls udelam v tom treeView ajaxovy odkaz na Presenter Article a akci listArticles ? Tj. po kliknuti bych chtel v DIVu s id #top zobrazit vystup teto akce.
Tree renderuju v modulu Admin, ,presenteru Dashboard a akzi default… nedari se mi dokazat prave na jiny presenter v modulu Admin…

Uz tu nad tim sedim 5 hodin a porad mi to nefunguje :(((

Diky moc za kazdou radu …

igi

Editoval iguana007 (6. 1. 2010 15:59)

Tak som sa k tomu dostal a tu je ukážka nového TreeView: http://treeview.romcok.eu/

Je celý prepísaný, takže nebude pravdaže spätne kompatibilný.

Niektoré zmeny a vylepšenia:

• rozklikávací strom
• ajaxové rozklikávanie (pravdaže ide aj bez neho)
• každý uzol je samostatná komponenta
• pamätá si svoj stav aj po refreshi
• renderovanie cez renderer a tým aj možnosť napísať si vlastný
• štýlovanie cez wrappery
• odstránené warningy, ktoré sa zobrazovali v php5.3

Ak niekoho napadá čo by mu nemalo chýbať, šup sem (checkboxy mám už naplánovane).

Ešte doťahujem API, potom to hodím na github.

Editoval Jod (11. 1. 2010 10:57)

Jod napsal(a):

Tak som sa k tomu dostal a tu je ukážka nového TreeView: http://treeview.romcok.eu/

Zdar, uz je to nekde ke stazeni? V doplncich je zda se stale ten z leta…

Diky !

TreeView 0.6a: https://github.com/…tte-treeview

Kód je zatiaľ provizórny, teraz potrebujem riešiť iné veci.

Možná bych ještě doplnil, že tento addon vyžaduje zapnutí direktivy v php.ini:

allow_call_time_pass_reference 1

Jinak php vrací hromadu warningu …

v IE 8 nefunguje expand collapsnutych uzlu, nebo mam neco spatne nastavene? (ikonka [+] je neklikatelna)

Hledám kde určím hloubku rozbalení a jaká část stromu má být rozbalena po kliknutí na odkaz.
Hledám blbě nebo si to musím dodělat?

Da se nejak udelat aby po klikuti se adresa te zakliknute polozky zobrazila v URL? → aby kazda jednotliva stranka mela svou adresu, diky

aha, pomohlo mi az kdyz jsem vyhodil

<script type="text/javascript">
    $("a.ajax").live("click", function (event) {
	event.preventDefault();
	$.get(this.href);
    });
</script>

dik za nakopnuti :-)

http://treeview.romcok.eu/

Je to Ajax mód, ale myslím, že sa mi tam niečo dokazilo, lebo by sa nemal prekreslovať celý strom, ale len vetva.

Ahoj, zda se mi, ze to nebere v uvahu, ze atributy data sourcu muzou byt i jine, nez id a parentId. Podle nasledujiciho kodu:

<?php
// TreeViewNode.php line: 93
if((empty($this->dataRow) && empty($dataRow->parentId)) || (!empty($this->dataRow) && $this->dataRow->id === $dataRow->parentId)) {
?>

Takhle uz je to lepší ;)

<?php
// TreeViewNode.php line: 93 - better way
if((empty($this->dataRow) && empty($dataRow[$this->treeView->parentColumn])) || (!empty($this->dataRow) && $this->dataRow[$this->treeView->primaryKey] === $dataRow[$this->treeView->parentColumn])) {
?>

Nebo jsem tam nekde neco zazdil?

Ale co jsem se chtel hlavne zeptat:
mam kategorie receptu, ke kazde kategorii i pocet receptu, a chtel bych vykreslit seznam kategorii tak, ze za titulek kategorie se pripise do zavorky i pocet receptu. A zaroven, kategorie, kde nebudou zadne recepty by se nevyrenderovaly jako odkaz, ale obycejny span nebo neco takoveho.

Takze bych chtel nejak ovlivnit ten vypis pomoci callbacku nejspise.
Hadam, ze by k tomu mohla slouzit promenna $onNodeRender, ale jak to pozit jsem nerozlustil, a dokumentace veskera zadna.

Prosim tedy o radu, diky.

Tak jo, nebylo to zase tak tezke :) Hodne pomohl var_dump. Moje reseni, kdyby nekdo potreboval inspiraci:

<?php
$tree->onNodeRender[] = function (TreeView $tree, TreeViewNode $node, Html $nodeContainer) {

    $recipeCount = $node->dataRow->recipeCount;
    $title = $node->dataRow->title . " ($recipeCount)";

    $emptyCategoryHtml = Html::el('span')->setText($title);
    $indexToReplace = count($nodeContainer->getChildren()) - 1;

    if ($recipeCount == '0') {
        //replace existing Html object with completely new object
        $nodeContainer->insert($indexToReplace, $emptyCategoryHtml, true);
    }
    else {
        //change only title of existing Html object
        $children = $nodeContainer->getChildren();
        $nonEmptyCategoryHtml = $children[$indexToReplace];
        $nonEmptyCategoryHtml->setText($title);
        $nodeContainer->insert($indexToReplace, $nonEmptyCategoryHtml, true);
    }
};
?>

Jeste jedna vec. Jak nastavim, aby se treeview zobrazil automaticky jako colapsed?
Je tam sice property mode, ale pokud ji nastavim na hodnotu 1, je to expanded, a pokud na jakoukoliv jinou hodnotu (zkousel jsem 0, 2, 3, 4) tak se treeview nevykresli vubec.
Diky.

Rozbaluje se mi to jen do třetí úrovně, pak se to celé sbalí do rootu, stává se to ještě někomu? Ale pokud mám rememberState==TRUE, tak to funguje…

Editoval hrtlik (16. 7. 2010 20:25)

Neporadil by mi nekdo jakym zpusobem si udelat vlastni render tohoto stromu? Jakym zpusobem si treba zmenim ty +/- ikony atd? Vidim, ze je to tam v jQuery UI, ale nedari se mi to zmenit. Diky