網(wǎng)站建設(shè)后臺(tái)的多頁簽功能怎么使用（二）？
- 作者：新網(wǎng)
- 來源：新網(wǎng)
- 瀏覽：100
- 2018-02-22 18:05:59
網(wǎng)站建設(shè)后臺(tái)的多頁簽功能怎么使用？本文就從多頁簽的制作過程、菜單打開頁簽及頁面來為大家作出詳細(xì)解析。
網(wǎng)站建設(shè)后臺(tái)的多頁簽功能怎么使用?本文就從多頁簽的制作過程、菜單打開頁簽及頁面來為大家作出詳細(xì)解析。
<
div>3. 制作過程
3.1 準(zhǔn)備三個(gè)中繼器
在畫布上拖入三個(gè)中繼器，分別命名為“菜單”、“頁簽”、“頁面”，并參照下面步驟進(jìn)行設(shè)置。
(1)設(shè)置“菜單”中繼器
設(shè)置中繼器的列為“id”(其值需要具有唯一性)，“menu”(存儲(chǔ)菜單名稱)和“url”(存儲(chǔ)菜單指向的頁面鏈接)并添加一些自定義數(shù)據(jù)，中繼器中自帶的“矩形”元件樣式請(qǐng)自行設(shè)置。修改中繼器的“每項(xiàng)加載時(shí)”用例。
(2)設(shè)置“頁簽”中繼器
設(shè)置中繼器的列為“id”和“menu”，并清空自帶的數(shù)據(jù)，中繼器中自帶的“矩形”元件樣式請(qǐng)自行設(shè)置，修改中繼器的“每項(xiàng)加載時(shí)”用例。
(3)設(shè)置“頁面”中繼器
設(shè)置中繼器的列為“id”，“url”和“sort”(存儲(chǔ)排序序號(hào))，清空自帶數(shù)據(jù)，保留一個(gè)空白行(或在url中定義一個(gè)初始頁面)，刪除中繼器中的矩形，并拖入一個(gè)內(nèi)聯(lián)框架，修改中繼器的“每項(xiàng)加載時(shí)”用例，修改中繼器的分頁樣式(多頁顯示，每頁項(xiàng)目數(shù)1)。
3.2 實(shí)現(xiàn)點(diǎn)擊菜單打開頁簽及頁面
回到“菜單”中繼器中，在“矩形”元件上設(shè)置“鼠標(biāo)單擊時(shí)”用例，分別向中繼器“頁簽”和“頁面”中插入一行數(shù)據(jù)。“頁簽”中繼器中插入的是當(dāng)前菜單的“id”和“menu”，以便新增的頁簽可以顯示菜單的名稱，“頁面”中繼器中插入的是當(dāng)前菜單的“id”和“url”，以便新增的頁面可以在其內(nèi)聯(lián)框架中顯示菜單對(duì)應(yīng)的頁面。
這時(shí)候我們可以預(yù)覽一下原型，當(dāng)你點(diǎn)擊菜單時(shí)，你會(huì)發(fā)現(xiàn)：頁簽不斷向后增加，而頁面并沒有顯示(或者只顯示了第一個(gè)菜單對(duì)應(yīng)的頁簽，之后的就不再顯示)，沒關(guān)系，我們現(xiàn)在總結(jié)一下原型存在的問題，然后在接下來的步驟中逐一解決。
其實(shí)這里會(huì)出現(xiàn)很多問題，有簡單有復(fù)雜，這里我根據(jù)問題的優(yōu)先級(jí)先拿出三個(gè)來解決，因?yàn)榻鉀Q了這三個(gè)問題，我們的原型在要求比較低的情況下可以到此為止了，已經(jīng)能夠滿足基本的演示。那這三個(gè)問題就是：
問題①：頁面不能正常顯示
問題②：我希望點(diǎn)擊已打開的頁簽時(shí)，實(shí)現(xiàn)頁簽及頁面的切換
問題③：我希望當(dāng)前打開的頁簽可以突出顯示
以上就是小編對(duì)于網(wǎng)站建設(shè)后臺(tái)的多頁簽功能怎么使用的解答。
商品已成功加入購物車