AxureRP7.0基础教程系列 部件详解 表格Tabel

原型库网站―讲师金乌原创发布，可自由转载，请注明出处！

Axure中文官网：www.AxureRP.cn

 

《AxureRP7.0部件详解》

Tabel 表格

组织数据

通常用来通过交互（如点击鼠标）在单元格中动态显示数据。

 

添加/删除行和列

要添加行/列，选择单元格点击右键，在上下文菜单中选则插入/删除行或列。

添加/删除行或列

要增加/删除表格的行或列，请将鼠标悬停在列表的顶部或侧面，当鼠标转变为黑色小三角时点击右键，选择增加/删除行或列。

填充表单内容到表格

将文本输入框的内容动态传递给表格是一种常用方式。提交按钮上的事件使用了局部变量，当鼠标点击时设置 单元格的文本 = 文本输入框中的文本。
案例下载
查看演示

 

点击单元格显示面板

和上面的例子相似，点击编辑按钮显示含有编辑内容的动态面板，重新编辑后点击提交按钮，单元格内容改变，动态面板隐藏。

本帖分享可见的内容

案例下载

查看效果

 

交互样式
表格中的单元格可以设置鼠标悬停时/鼠标按下时/选中的交互样式，右键点击选中的单元格（可以同时按下Ctrl进行多选），然后在部件属性面板中设置交互样式。

表格的局限性


1.鼠标单击单元格无法输入文字，单元格默认要双击才可以输入文字。要实现单击输入文字状态，可以使用 Text Field 部件覆盖在单元格上面。

2.不能同时添加多行或多列，表格只允许每次添加一行或一列。

3.不能动态添加行或列。如果你希望使用动态添加行/列功能，请使用中继器部件Repeater.

4.不能对表格中的数据进行排序和过滤。