何如运用中继器和动态面板修制一个可能自愿化菜单？

　　本教程通过正在中继器中导入页面，完毕正在二级菜单中自愿新增页面临应的菜单，节减反复事情，降低出力。一、主意

　　通过正在中继器中导入页面，完毕正在二级菜单中自愿新增页面临应的菜单，节减反复事情，降低出力。

　　二、妙技哀求

　　本教程涉及到动态面板、中继器函数函数和axure要求鉴定的利用，因而倡议大师看教程之前先做以下盘算：

　　负责动态面板利用方式负责中继器利用方式负责函数利用方式 axure事变景况利用方式

　　当然，假设你不会上面这几项，也可以害你一连往下看

　　三、方针

　　我安排这个菜单的方针

　　第一方针：当然是偷懒啊，小学师长说过，偷懒才是成立的原动力第二方针：治理痛点，让本身爽

　　于是呢，本着能偷懒毫不众干活的美妙愿景，经历本落的勤恳，结果用axure完毕了斗劲便捷的自愿化增加菜单。必要的话拿走不谢！

　　四、配景

　　本落之前不停是一个C端产物司理，要紧做转移端斗劲众，后台稍微少少许。本年换事情后，迩来斗劲众的时辰都正在做web端，管束后台。因为是从0初阶，以是，管束后台的菜单越来越众越来越丰裕，做原型的时辰就有点奔溃。我之前是依照教程做的二级菜单，然后遭遇新增一个菜单的时辰呢，就斗劲繁难了。一天天没完没了的加菜单，一个个加，一个个改菜单名字，一个个的创立链接，然后安排名望层级，真的是烦死了。倘若直接正在终末一个菜单加还好，正在二级菜单加也还原委忍一忍，不过正在中央插入一个新的一级菜单，就得把后面总共的菜单名望都得安排一边，真的是要烦死了！！！不懂得有没有戳到大师的痛点。

　　五、教程

　　盘算事项

　　1.修好页面，备用

　　2. 拖1个中继器到画布里，选中中继器，然后正在样式-数据里，编辑好一级菜单；一级菜单只做二级菜单的睁开收升引，总共直接录入菜单名字就行。二级菜单，对应的列，抉择单位格，然后右键引入页面，抉择要掀开的页面就行

　　第 1 步创立二级菜单+交互事变

　　1.1 双击中继器，进入中继器内中，选中矩形，给矩形定名：一级菜单

　　1.2 再拖1个新的矩形进入中继器，定名：二级菜单1，创立单击事变，抉择单击时掀开链接（假设必要的话，你可能创立成正在内联框架中掀开链接，我便是创立的内联框架中掀开，此处请依照片面喜爱酌情创立事变类型）。这个时辰不消选掀开哪个页面，后面用函数创立。看下图，抉择【链接到URL或文献途径】

　　1.3 创立掀开暂时菜单名称对应的页面
抉择函数fx，按下图操作抉择元件函数中继器里的函数变量，我的中继器数据罗列方法是从左往右，一级菜单，二级菜单1、二级菜单2…如许罗列的，以是二级菜单的第一个菜单就抉择第二列的外头变量名字谁人就行。解说一下，这个事变创立的旨趣，是欲望正在单击时掀开菜单文本对应的页面，也便是说，你的菜单显示的是二级菜单，点击时就会自愿掀开二级菜单这个页面。

　　1.4 接下来，再创立一个载入时事变，载入时，障翳暂时元件。然后启用景况，增加一个鉴定要求，要求创立成下图所示即可。这里是要治理中继器的一个别验题目。由于实质境况中，二级菜单的数目不必定是相似的。不过中继器有一个缺陷，它只按行数呈现数据，不管你列内中有没有实质，只须有行，尽管是空的也会呈现，以是就会崭露良众红白列的境况。此处对应的二级菜单少的地方，会呈现空缺的二级菜单。以是这一步的操作，是要障翳这些空缺菜单

　　遵从以上次序创立完，这个按钮就可能掀开对应的页面了。

1.5 创立完以上事变，遵从你必要的二级菜单数目，实行复制粘贴。预防，要遵从二级菜单数目的上线复制粘贴。粘贴完记得改一下矩形名字。

　　1.6 复制粘贴完后，抉择总共的二级菜单，创立成动态面板，给动态面板定名，然后障翳动态面板。抉择一级菜单，修一个单击事变，单击是切换二级菜单的动态面板的可睹性，成绩抉择胀动和拉动元件。这个菜单不会的，自行二级菜单如何做。

　　第 2 步数据绑定

　　2.1.数据绑定，将中继器里的菜单实质，跟一级菜单、二级菜单创立绑定管束。选中中继器（直接新修页面载入时事变也行），新修交互事变，抉择载入时事变，载入时创立文本，找到矩形，一级菜单，抉择一级菜单后创立文本实质，正在文本【值】的下方删掉本来的文本，点击右侧的函数【fx】，创立动态的菜单名字。增加函数的方式跟上面的相似，就不烦琐了，不会的，往上翻找找，或者本身找一个中继器的教程看看如何绑定命据。这个时辰，去看看你中继器的数据外格里，一级菜单对应的是哪一列，正在函数抉择是，选对应的外头那列就行。