您的位置:首页 > 其它

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

2014-08-26 15:25 363 查看
原型库网站—讲师金乌原创发布,可自由转载,请注明出处!Axure中文官网:www.AxureRP.cn《AxureRP7.0部件详解》Tabel 表格

组织数据

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

添加/删除行和列

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

添加/删除行或列

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

填充表单内容到表格

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

点击单元格显示面板

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

本帖分享可见的内容

案例下载

查看效果

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

表格的局限性

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

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

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

4.不能对表格中的数据进行排序和过滤。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息