隨著對中集成Spry功能的深入學習,了解并掌握到Spry框架的一些功能模塊,其中就有通過可視化操作輕松將XML數據顯示到HTML頁中。
當然,談到如何將XML數據插入顯示到HTML頁中,通常立即想到的就是數據島。比如:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執行]
當然,還可以使用XSLT將XML顯示到頁面中,不過現在使用了 CS3集成Spry功能,就能很輕松的將XML數據嵌入到HTML中,同時還能進行XML數據的重新排序以及定時的數據更新和無刷新顯示等——標準的Spry AJAX應用。
1,XML數據文件:site.xml
's blog
2003
DW8
About and web
2006
164
Music Blog
2005
2,在 CS3中添加“Spry XML Date Set”
3,打開的對話框中瀏覽選擇XML數據源在框架中不能看到spry狀態欄,再單擊“Get ”提取XML節點顯示,在“Row ”內選擇節點即自動獲得了“XPath”(注意:當選擇不同的XPath,最終能顯示的信息也不相同),在“Sort”欄選擇分類排序的參考節點,比如選擇時間的降序或升序,在“”中就可以來設置XML數據的自動更新并且是無刷新機制的顯示。
4,完成了XML數據的綁定后,就可以在HTML頁面中將XML數據(循環)顯示了。
總的說來很容易上手,回頭到【代碼】視圖下看代碼也很簡潔,所有的工作都讓Spry框架給完成了。
測試地址:
不過目前的問題和考慮是:
1在框架中不能看到spry狀態欄,對中文XML節點的數據源不能很好支持
2,XML在HTML顯示的超級鏈接好像打不開
3,需要解決遠程XML數據源的問題,也就是類似RSS聚合的功能了