Spry詳細(xì)區(qū)域有點(diǎn)類似于新聞系統(tǒng)中的新聞列表頁和主詳細(xì)頁的功能。比如我們看新聞時(shí)，其中有一個(gè)頁面只會(huì)顯示所有新聞的標(biāo)題，當(dāng)對(duì)該標(biāo)題感興趣時(shí)可以單擊該標(biāo)題打開一個(gè)新的網(wǎng)頁，就可以查看到該新聞的全部?jī)?nèi)容了。那么顯示所有標(biāo)題列表的頁面我們稱為“主頁”，而顯示具體新聞內(nèi)容的頁面稱為“詳細(xì)頁”。

很顯然，這個(gè)主詳細(xì)頁最起碼得是兩頁。而我們使用的Spry詳細(xì)區(qū)域可以在一張網(wǎng)頁上顯示，并且是無刷新的。

一，新建網(wǎng)頁，綁定Spry XML 數(shù)據(jù)集

在網(wǎng)頁中打開【插入】面板，單擊【Spry】標(biāo)簽下的【Spry XML 數(shù)據(jù)集】

二，選擇XML數(shù)據(jù)源

彈出【Spry XML 數(shù)據(jù)集】對(duì)話框，【XML源】可以是本地目錄下的XML數(shù)據(jù)，也可以是跨域的遠(yuǎn)程XML數(shù)據(jù)。

單擊【獲取架構(gòu)】按鈕在【行元素】列表框中選擇XML數(shù)據(jù)中有價(jià)值的重復(fù)元素，這里就是選擇的“item” 元素（<>標(biāo)志右上角有+號(hào)表示循環(huán)的多個(gè)）。

P.S 如果制作純粹的XML數(shù)據(jù)聚合的頁面，還可以選擇【禁用XML數(shù)據(jù)緩存】，并選擇自動(dòng)刷新數(shù)據(jù)的時(shí)間以自動(dòng)獲得遠(yuǎn)程數(shù)據(jù)同步。

三，插入Spry表，顯示Spry XML數(shù)據(jù)在頁面

單擊【插入】面板【Spry】標(biāo)簽下的【Spry 表】按鈕，彈出的對(duì)話框中將不需要顯示的【列】進(jìn)行刪除。

很重要的一個(gè)操作就是一定要選擇 單擊行時(shí)將使用“更新”詳細(xì)區(qū)域。

【確定】插入Spry表，提示需要插入Spry區(qū)域。因?yàn)樗械腟pry XML 數(shù)據(jù)必須在 Spry區(qū)域中才能顯示。

四，插入Spry詳細(xì)區(qū)域

首先，鼠標(biāo)光標(biāo)停留在已經(jīng)插入在頁面中的“Spry表”之后，繼續(xù)單擊【插入】面板【Spry】標(biāo)簽下的【Spry 區(qū)域】按鈕。

彈出的對(duì)話框中【類型】一定要選擇為“詳細(xì)區(qū)域”才表示當(dāng)前是Spry詳細(xì)區(qū)域。

五，將“詳細(xì)內(nèi)容”插入Spry詳細(xì)區(qū)域

鼠標(biāo)光標(biāo)停留在Spry詳細(xì)區(qū)域內(nèi)，打開【綁定】面板，選擇“description”元素【插入】到 Spry詳細(xì)區(qū)域中。

最新評(píng)論