Flex4之Tree開發 一

2021-08-25 07:04:18 字數 2721 閱讀 3753

1.首先得明白一點,flex4的tree接受的是xml型別的資料,所以無論以何種方式獲得xml資料,tree通過dataprovider=xmldata和

labelfield=@viewname

都可以顯示出來一棵樹

第一種方式,讀取本地或遠端xml檔案

xml檔案的格式,大致如下

<?xml version="1.0" encoding="utf-8"?>

針對上面這個xml格式的檔案,flex4的tree解析後顯示的話會從第二個節點開始解析也即中國那個節點

這種方式的**我貼出來,大家看下

<?xml version="1.0" encoding="utf-8"?>

xmlns:s="library:"

xmlns:mx="library:" minwidth="955" minheight="600"

creationcomplete="srvtreelist.send();init()">tree

第二種方式:將xml內容寫到標籤裡面

這種方式我們來看看

<?xml version="1.0" encoding="utf-8"?>

xmlns:s="library:"

xmlns:mx="library:" minwidth="955" minheight="600"

creationcomplete="init()">

itemclick方法可以和labelfuntion可以不寫,正常的話不寫方法就能顯示tree的樹形結構了

第三:再看乙個例子

<?xml version="1.0" encoding="utf-8"?>

xmlns:s="library:"

xmlns:mx="library:" minwidth="955" minheight="600">

第四,到目前為止,應該可以看出來了xml的顯示格式了,如果獲取xml檔案那麼結果要轉換成為

var xmllist:xml=xml(event.result.tostring());

mytree.dataprovider=xmllist;

要麼就是

那麼就是

這麼多的方式都可以把資料填充到tree中去

<?xml version="1.0" encoding="utf-8"?>

xmlns:s="library:"

xmlns:mx="library:" minwidth="955" minheight="600"

creationcomplete="srvtreelist.send();init()">tree

0) else

} else

}protected function addafter():void

else

} else

}protected function addson():void

else

}protected function editnode():void

else

}protected function deletenode():void

else

}private function searchitems(list:xmllist,find:string,items:array):void

searchitems(one.children(),find,items);}}

protected function closeall():void

protected function openall():void

protected function musictypetree_dragenterhandler(event:dragevent):void

protected function musictypetree_dragoverhandler(event:dragevent):void

// the type of drop - copy, link, or move can be reflected in the feedback as well.

// here the control and shift keys determine that action.

if (event.ctrlkey)

dragmanager.showfeedback(dragmanager.copy);

else if (event.shiftkey)

dragmanager.showfeedback(dragmanager.link);

else

}protected function musictypetree_dragdrophandler(event:dragevent):void

else

// // taking all of the items in the dragsouce, insert them into the

// // tree using parent p.

// for(var i:number=0; i < items.length; i++)

}protected function musictypetree_dragcompletehandler(event:dragevent):void

]]>

Flex4之Tree開發 二

這次要說的是flex的樹元件的拖動效果,從樹元件拖動到其他元件如list,datagrid或者從其他元件拖動到tree元件中,其實主要就是處理drag相關事件 第一 從tree到list 示例一 xmlns s library xmlns mx library minwidth 955 minhei...

Flex4 新增滑鼠右鍵於Tree

今天應專案需求,開發製作乙個給tree新增右鍵選單的功能,右鍵選單的原理為 新建乙個contextmenu類 修改contextmenu物件的item屬性 將這個物件賦給乙個控制項。實現起來 很簡單,但是效果不是太好,廢話不多說,先上 xmlns s library xmlns mx library...

Flex 4 問題彙總

1 tilelayout內容間距設定 2 spark 中設定陰影 在skinclass關聯的skin檔案中加入 3 滑鼠懸停時更改元件的外觀 例如更改背景顏色。在元件的skinclass關聯的skin檔案中做如下處理 在中新增懸停時的狀態,如 然後在中設定顏色 最後在宣告當中新增rollover,讓...