準(zhǔn)備事項(xiàng)
1.建好頁(yè)面,備用
2. 拖1個(gè)中繼器到畫布里,選中中繼器,然后在樣式-數(shù)據(jù)里,編輯好一級(jí)菜單;一級(jí)菜單只做二級(jí)菜單的展開收起用,所有直接錄入菜單名字就行。二級(jí)菜單,對(duì)應(yīng)的列,選擇單元格,然后右鍵引入頁(yè)面,選擇要打開的頁(yè)面就行
第 1 步 設(shè)置二級(jí)菜單+交互事件
1.1 雙擊中繼器,進(jìn)入中繼器里面,選中矩形,給矩形命名:一級(jí)菜單
1.2 再拖1個(gè)新的矩形進(jìn)入中繼器,命名:二級(jí)菜單1,設(shè)置單擊事件,選擇單擊時(shí)打開鏈接(如果需要的話,你可以設(shè)置成在內(nèi)聯(lián)框架中打開鏈接,我就是設(shè)置的內(nèi)聯(lián)框架中打開,此處請(qǐng)根據(jù)個(gè)人喜好酌情設(shè)置事件類型)。這個(gè)時(shí)候不用選打開哪個(gè)頁(yè)面,后面用函數(shù)設(shè)置?聪聢D,選擇【鏈接到URL或文件路徑】
1.3 設(shè)置打開當(dāng)前菜單名稱對(duì)應(yīng)的頁(yè)面
選擇函數(shù)fx,按下圖操作選擇元件函數(shù)中繼器里的函數(shù)變量,我的中繼器數(shù)據(jù)排列方式是從左往右,一級(jí)菜單,二級(jí)菜單1、二級(jí)菜單2…這樣排列的,所以二級(jí)菜單的第一個(gè)菜單就選擇第二列的表頭變量名字那個(gè)就行。解釋一下,這個(gè)事件設(shè)置的意思,是希望在單擊時(shí)打開菜單文本對(duì)應(yīng)的頁(yè)面,也就是說,你的菜單顯示的是二級(jí)菜單,點(diǎn)擊時(shí)就會(huì)自動(dòng)打開二級(jí)菜單這個(gè)頁(yè)面。
1.4 接下來,再設(shè)置一個(gè)載入時(shí)事件,載入時(shí),隱藏當(dāng)前元件。然后啟用情形,添加一個(gè)判斷條件,條件設(shè)置成下圖所示即可。這里是要解決中繼器的一個(gè)體驗(yàn)問題。因?yàn)閷?shí)際情況中,二級(jí)菜單的數(shù)量不一定是相同的。但是中繼器有一個(gè)毛病,它只按行數(shù)展示數(shù)據(jù),不管你列里面有沒有內(nèi)容,只要有行,即使是空的也會(huì)展示,所以就會(huì)出現(xiàn)很多紅白列的情況。此處對(duì)應(yīng)的二級(jí)菜單少的地方,會(huì)展示空白的二級(jí)菜單。所以這一步的操作,是要隱藏這些空白菜單
按照以上步驟設(shè)置完,這個(gè)按鈕就可以打開對(duì)應(yīng)的頁(yè)面了。
1.5 設(shè)置完以上事件,按照你需要的二級(jí)菜單數(shù)量,進(jìn)行復(fù)制粘貼。注意,要按照二級(jí)菜單數(shù)量的上線復(fù)制粘貼。粘貼完記得改一下矩形名字。
1.6 復(fù)制粘貼完后,選擇所有的二級(jí)菜單,設(shè)置成動(dòng)態(tài)面板,給動(dòng)態(tài)面板命名,然后隱藏動(dòng)態(tài)面板。選擇一級(jí)菜單,建一個(gè)單擊事件,單擊是切換二級(jí)菜單的動(dòng)態(tài)面板的可見性,效果選擇推動(dòng)和拉動(dòng)元件。這個(gè)菜單不會(huì)的,自行百度一下二級(jí)菜單怎么做。
第 2 步 數(shù)據(jù)綁定
2.1.數(shù)據(jù)綁定,將中繼器里的菜單內(nèi)容,跟一級(jí)菜單、二級(jí)菜單設(shè)置綁定管理。選中中繼器(直接新建頁(yè)面載入時(shí)事件也行),新建交互事件,選擇載入時(shí)事件,載入時(shí)設(shè)置文本,找到矩形,一級(jí)菜單,選擇一級(jí)菜單后設(shè)置文本內(nèi)容,在文本【值】的下方刪掉原來的文本,點(diǎn)擊右側(cè)的函數(shù)【fx】,設(shè)置動(dòng)態(tài)的菜單名字。添加函數(shù)的方法跟上面的一樣,就不啰嗦了,不會(huì)的,往上翻找找,或者自己找一個(gè)中繼器的教程看看怎么綁定數(shù)據(jù)。這個(gè)時(shí)候,去看看你中繼器的數(shù)據(jù)表格里,一級(jí)菜單對(duì)應(yīng)的是哪一列,在函數(shù)選擇是,選對(duì)應(yīng)的表頭那列就行。
第 3 步 新增菜單怎么辦?
3.1 新增菜單的話,二級(jí)菜單數(shù)量不增多的情況下,直接在中繼器的數(shù)據(jù)里添加對(duì)應(yīng)的菜單就行。如果二級(jí)菜單的數(shù)量要新增,按上面的步驟,多復(fù)制粘貼幾個(gè)二級(jí)菜單,設(shè)置載入事件綁定好數(shù)據(jù),就可以了
剩下的,大家可以自行發(fā)揮了
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。