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