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