Dreamweaver CS3中Spry詳細區域功能

2024-09-04 21:28:25

字體：大中小

來源：轉載

供稿：網友

點評：Dreamweaver CS3中集成了Spry功能我們都知道，Spry具有對XML數據處理的功能我們也見識過，不過對于Spry的詳細區域功能似乎很少見。Spry詳細區域有點類似于新聞系統中的新聞列表頁和主詳細頁的功能。比如我們看新聞時，其中有一個頁面只會顯示所有新聞的標題，當對該標題感興

Dreamweaver CS3中集成了Spry功能我們都知道，Spry具有對XML數據處理的功能我們也見識過，不過對于Spry的詳細區域功能似乎很少見。
Spry詳細區域有點類似于新聞系統中的新聞列表頁和主詳細頁的功能。比如我們看新聞時，其中有一個頁面只會顯示所有新聞的標題，當對該標題感興趣時可以單擊該標題打開一個新的網頁，就可以查看到該新聞的全部內容了。那么顯示所有標題列表的頁面我們稱為“主頁”，而顯示具體新聞內容的頁面稱為“詳細頁”。
很顯然，這個主詳細頁最起碼得是兩頁。而我們使用的Spry詳細區域可以在一張網頁上顯示，并且是無刷新的。
一，新建網頁，綁定Spry XML 數據集

Dreamweaver CS3中Spry詳細區域功能

在網頁中打開【插入】面板，單擊【Spry】標簽下的【Spry XML 數據集】
二，選擇XML數據源

Dreamweaver CS3中Spry詳細區域功能

彈出【Spry XML 數據集】對話框，【XML源】可以是本地目錄下的XML數據，也可以是跨域的遠程XML數據。
單擊【獲取架構】按鈕在【行元素】列表框中選擇XML數據中有價值的重復元素，這里就是選擇的“item”元素（<>標志右上角有號表示循環的多個）。
P.S 如果制作純粹的XML數據聚合的頁面，還可以選擇【禁用XML數據緩存】，并選擇自動刷新數據的時間以自動獲得遠程數據同步。
三，插入Spry表，顯示Spry XML數據在頁面

Dreamweaver CS3中Spry詳細區域功能

單擊【插入】面板【Spry】標簽下的【Spry 表】按鈕，彈出的對話框中將不需要顯示的【列】進行刪除。
很重要的一個操作就是一定要選擇單擊行時將使用“更新”詳細區域。
【確定】插入Spry表，提示需要插入Spry區域。因為所有的Spry XML 數據必須在 Spry區域中才能顯示。
四，插入Spry詳細區域

Dreamweaver CS3中Spry詳細區域功能