|
|
发表于 2021-9-26 16:09
|
查看: 618 |
回复: 0
Axure教程：若何实现Axure中继器数组跨页联动？
本文将先容在axure中，若何操纵全局变量对一其中继器里多个参数举行保留和赋值。从而实现翻页后，数据不被还原、能在分歧页面联动，摹拟数据库存在的结果。
家喻户晓，axure只能操纵全局变量来实现页面之间的数据通报，当只有少许参数必要跨页时，咱们设置响应的全局变量便可。但若数据较多时，就不合适为每一个参数都设置其响应变量。如今，咱们可以只用一个变量来实现。
思绪设置一个全局变量，用诸如1！2！3！来标识表记标帜参数位置中继器载入时，从变量中截取1！到2！之间，2！到3！之间的参数置于符合的处所，每一个数组别离放在{}内里，如两组参数，即{1！a2！b！c3！d}{1！e2！f！g3！h}第一组参数参数赋值完成后，删除{1！a2！b！c3！d}，反复步调2，利用第二组参数{1！e2！f！g3！h}举行赋值增、删、改后，提取整其中继器工具的文本值，过滤无效参数，还原成初始变量的格局。再寄存回变量中。实现进程（一）：操纵一个全局变量，对中继器赋值并设置文本
（1）设置全局变量
m 默许值可觉得空，用于数据姑且寄存。
bmqhz 用于寄存整其中继器的数据。默许值可觉得空，我这里设置了两个数组：
{1!海康NVR2!192.168.10.203!5544!类型一5!admin6!体系默许编码器01}1
{1!宇视NVR2!192.168.88.203!5544!类型二5!admin6!体系默许编码器02}2
如图，其对应的参数名称别离是“编码器名称、编码器ip、编码器端口、编码器类型、用户名、描写”（暗码用圆号取代，以是不消存变量）。
（2）中继器数据赋值
1）中继器载入时：把变量bmqhz的数据复制到变量m，再从m截取第一个数组的参数，存到中继器响应位置。
2）每项加载时，设置文字为富文本，把标识表记标帜符号设置为透明字体，字体按照现实环境设置小点就好了。
3）第一个数组设置成文本内容后，把它从变量m删除，再触发中继器载入时的交互，利用第二个数组举行赋值。
4）看看结果
实现进程（二）：新增数据的保留
（1）以“名称”为例，点击“确认”保留时，把文本值放到中继器，要在前面加 1！
（2）把中继器的数据保留到变量中去
设置变量bmqhz为 [[LVAR1.text.replace(‘\n’,”).replace(‘1!’,'{1!’).replace(‘*’,”).replace(‘’,”)]] ，此中LVAR1是中继器元件。（可以先把中继器工具的文本设置到矩形作为参考，再决议若何过滤，以下图）
（3）编纂和删除同理。以下图，编纂后，确认按钮的交互设置：把参数从文本框掏出来，加之标识表记标帜后更新到中继器。
实现进程（三）：页面联动
页面联动，在另外一页面中展现装备名称，对其的删除操作，影响到上一页面。
（1）展现体系中的编码器装备：在新的页面中，参考“实现进程（一）”中继器的赋值法子便可，这里只显示名称。
（2）删除编码器装备：点击删除按钮时，在装备名称前面加之{ ，再保留到变量m中，如上图“海康NVR2”保留后，m = {1!海康NVR2 。在确认删除时，在变量bmqhz中删除“海康NVR2”对应的数组，触发中继器载入时交互便可。
这个函数，咱们来拆解一下：
拿默许变量为例（现实上没换行符，下面换行是为了便于阐明）：
bmqhz =
{1!海康NVR2!192.168.10.203!5544!类型一5!admin6!体系默许编码器01}1
{1!宇视NVR2!192.168.88.203!5544!类型二5!admin6!体系默许编码器02}2
假如咱们删除的是第二个编码器数据，那末m存的数据就是 {1!宇视NVR ，咱们拿到这个数据后，必要从变量中把第二个数组删除。
获得 “ {1!宇视NVR2 ” 的位置x：bmqhz.indexOf(m,0)；获得从“ {1!宇视NVR2 ” 起头的第一个 “ } ”的位置，此位置再加2(为了笼盖后面的序列号),获得y：bmqhz.indexOf(‘}’,bmqhz.indexOf(m,0))+2；截取“宇视NVR2”地点数组的字符： bmqhz.substring(x,y)；把“宇视NVR2”地点数组的字符从变量中删除：bmqhz.replace(‘bmqhz.substring(x,y)’,”) ；再把步调1和2中的x、y代入进来。最后，咱们来操作一下在“编码器办理”页面添加装备，或点窜、删除装备；切换到“展现编码器麻豆”页面，咱们可以看到装备名称列表，是和办理页面一致的；在“展现编码器”页面删除装备，再切换到“编码器办理”页，装备一致；往返切换数据不丢失。
原型预览地点：
源文件下载链接：
提取码：vfap
本文由 @LJ云 原创公布于人人都是产物司理。未经允许，制止转载
题图来自Unsplash，基于CC0协定 |
|
