2010-04-02 80 views
1

我想通過使用dijits與zend框架顯示類別和子類別的樹。一直未能找到一個好例子。這是我的本錢:使用zend框架顯示樹dijit

基本上我得到了下面的代碼爲我的行動:

class SubcategoriesController extends Zend_Controller_Action{ 
    ..... 
public function loadtreeAction() 
{ 

Zend_Dojo::enableView($this->view); 
Zend_Layout::getMvcInstance()->disableLayout(); 

//Creating a sample tree of categories and subcategories 
$a["cat1"]["id"] = "id1"; 
$a["cat1"]["name"] = "Category1"; 
$a["cat1"]["type"] = "category"; 

$subcat1 = array("id" => "Subcat1","name" => "Subcategory1" , "type" => "subcategory"); 
$subcat2 = array("id" => "Subcat12","name" => "Subcategory12" , "type" => "subcategory"); 
$a["cat1"]["children"] = array($subcat1,$subcat2); 

$treeObj = new Zend_Dojo_Data('id', $a); 
$treeObj->setLabel('name'); 
$this->view->tree = $treeObj->toJson(); 
} 
    .... 
} 

而就我的看法:

<?php 
    $this->dojo()->requireModule('dojo.data.ItemFileReadStore'); 
    $this->dojo()->requireModule('dijit.Tree'); 
    $this->dojo()->requireModule('dojo.parser'); 
?> 

<div dojoType="dojo.data.ItemFileReadStore" url="/Subcategories/loadtree" jsId="store"></div> 
<div dojoType="dijit.tree.ForestStoreModel" jsId="treeModel" store="store" rootId="root" rootLabel="List of Categories" childrenAttrs="children" query="{type:'category'}"></div> 
<div dojoType="dijit.Tree" model="treeModel" labelAttrs="ListOfCategories"></div> 

,它甚至沒有似乎嘗試根本加載樹。

任何幫助表示讚賞

+0

我不是100%肯定的,所以這是一條評論,以免一些納粹投票給我... 您可能需要添加類似於您的視圖/佈局 $ this-> dojo() - > setLocalPath($這 - >的baseUrl() '/腳本/道場/的dojo.js') - > addStyleSheetModule( 'dijit.themes.tundra'); $ this-> dojo() - > setDjConfig('parseOnLoad','true'); $ this-> dojo() - > enable(); echo $ this-> dojo(); – 2010-06-09 05:38:23

回答

2

首先,您必須創建單獨的操作。一個用於顯示,其他負載:

public function indexAction() 
{ 
    Zend_Dojo::enableView($this->view); 
    $this->view->dojo()->setDjConfigOption('parseOnLoad', true); 
} 
public function loadtreeAction() 
{ 
    //Creating a sample tree of categories and subcategories 
    $a["cat1"]["id"] = "id1"; 
    $a["cat1"]["name"] = "Category1"; 
    $a["cat1"]["type"] = "category"; 

    $subcat1 = array("id" => "Subcat1","name" => "Subcategory1" , "type" => "subcategory"); 
    $subcat2 = array("id" => "Subcat12","name" => "Subcategory12" , "type" => "subcategory"); 
    $a["cat1"]["children"] = array($subcat1,$subcat2); 

    $treeObj = new Zend_Dojo_Data('id', $a); 
    $treeObj->setLabel('ListOfCategories'); 
    $this->view->tree = $treeObj->toJson(); 
} 

,你不要一定要忘掉

setDjConfigOption('parseOnLoad', true) 

在你的意見/腳本/ index.phtml(如果你使用的佈局,有些部件必須放置在,我讓你這樣做):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title></title> 
<?php 
$this->dojo()->enable(); 
$this->dojo()->requireModule('dojo.data.ItemFileReadStore'); 
$this->dojo()->requireModule('dijit.Tree'); 
$this->dojo()->requireModule('dojo.parser'); 
echo $this->dojo(); 
echo $this->dojo()->addStylesheetModule('dijit.themes.tundra'); 
?> 
</head> 
<body class="tundra"> 
<div id="content"> 
<div dojoType="dojo.data.ItemFileReadStore" url="http://194.79.142.38:1080/rbplm/public/home/index/loadtree" jsId="store"></div> 
<div dojoType="dijit.tree.ForestStoreModel" jsId="treeModel" store="store" rootId="root" rootLabel="List of Categories" childrenAttrs="children" query="{type:'category'}"></div> 
<div dojoType="dijit.Tree" model="treeModel" labelAttrs="ListOfCategories"></div> 
</div> 
</body> 
</html> 

而且在loadtree.phtmln剛:

 <?php echo $this->tree ?> 
+0

歡迎來到stackoverflow.com – 2011-07-21 14:11:07