之前treeview部分的分之是寫死,這次要把它與資料來源合併。
一開始想到的是用sqldatasource,
不過看說明文件似乎只能用XmlDataSource以及SiteMapDataSource作綁定。
所以腦筋只好動到xml身上了。
建立了一個xml檔,內容如下:
<?xml version="1.0" encoding="big5" ?> <root> <lv1 name="台北市" address="台北市"> <lv2 name="台北火車站" address="台北火車站"> <lv3 name="1號機" address="1號機倉庫住址"></lv3>
<lv3 name="2號機" address="2號機倉庫住址"></lv3>
<lv3 name="3號機" address="3號機倉庫住址"></lv3>
</lv2> </lv1> <lv1 name="桃園縣" address="桃園縣"> <lv2 name="鶯歌火車站" address="鶯歌火車站"> </lv2> <lv2 name="山佳火車站" address="山佳火車站"> </lv2> </lv1> </root>
主要為三層的架構。
在treeview 的lv3 node的屬性設定部分。
TextField(顯示名稱)設定為name
ToolTipField(提示名稱)設定為address
這邊要注意一點,若把address設定在其他屬性上(例如valuefield)
在抓值的時候會抓不到中文,也就是說不能抓到住址。
我也不知道為什麼會抓不到中文,所以只好把它設定到ToolTipField裡去了。
以下是點選束後觸發事件抓值的部分:
innerText抓到的是TextField
title 抓到的是ToolTipField
以下是點選束後觸發事件抓值的部分:
1 var obj = window.event.srcElement; 2 3 var text = obj.innerText; 4 var address = obj.title;
innerText抓到的是TextField
title 抓到的是ToolTipField