Axure中继器实现子表的展开和收缩

Posted 2023-04-15

参考技术A 一、新建主表

（新建中继器表格参考前文： Axure中继器实现绘制表格 - ）

增加“查看子表信息”按钮：

编辑中继器，在中继器列表下增加一个动态面板，命名为“子表动态面板”，并在“样式”中将动态面板设置为“隐藏”。

设置每个行的动态面板

在每个动态面板下，增加表格，根据个人喜好修改表格样式。

设置“查看子表信息”按钮的用例，添加“鼠标点击时”用例。

设置用例，添加“条件”

当列表中的“姓名”为“张媛”时，切换“张媛”的动态面板可见性

同理，设置其他两个动态面板，条件设置为：

得到结果，可以实现点击“查看子表信息”展开和收缩子表内容

jquery 怎么实现展开和收起按钮之间的切换

参考技术A

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的<script>标签，输入jquery代码：

$('button').click(function ()

if ($(this).text() === '展开')

$('input').show();

$(this).text('收起');

else

$('input').hide();

$(this).text('展开');

);

3、浏览器运行index.html页面，此时显示出了展开按钮。

4、点击展开按钮，此时展开了输入框，并且按钮变成了收齐按钮。