AxureRP7.0基础教程系列 部件详解 表格Tabel
2014-08-26 15:25
363 查看
原型库网站—讲师金乌原创发布,可自由转载,请注明出处!Axure中文官网:www.AxureRP.cn《AxureRP7.0部件详解》Tabel 表格
组织数据
通常用来通过交互(如点击鼠标)在单元格中动态显示数据。
添加/删除行和列
要添加行/列,选择单元格点击右键,在上下文菜单中选则插入/删除行或列。
添加/删除行或列
要增加/删除表格的行或列,请将鼠标悬停在列表的顶部或侧面,当鼠标转变为黑色小三角时点击右键,选择增加/删除行或列。
填充表单内容到表格
将文本输入框的内容动态传递给表格是一种常用方式。提交按钮上的事件使用了局部变量,当鼠标点击时设置 单元格的文本 = 文本输入框中的文本。
案例下载
查看演示
点击单元格显示面板
和上面的例子相似,点击编辑按钮显示含有编辑内容的动态面板,重新编辑后点击提交按钮,单元格内容改变,动态面板隐藏。
查看效果
交互样式
表格中的单元格可以设置鼠标悬停时/鼠标按下时/选中的交互样式,右键点击选中的单元格(可以同时按下Ctrl进行多选),然后在部件属性面板中设置交互样式。
表格的局限性
1.鼠标单击单元格无法输入文字,单元格默认要双击才可以输入文字。要实现单击输入文字状态,可以使用 Text Field 部件覆盖在单元格上面。
2.不能同时添加多行或多列,表格只允许每次添加一行或一列。
3.不能动态添加行或列。如果你希望使用动态添加行/列功能,请使用中继器部件Repeater.
4.不能对表格中的数据进行排序和过滤。
组织数据
通常用来通过交互(如点击鼠标)在单元格中动态显示数据。
添加/删除行和列
要添加行/列,选择单元格点击右键,在上下文菜单中选则插入/删除行或列。
添加/删除行或列
要增加/删除表格的行或列,请将鼠标悬停在列表的顶部或侧面,当鼠标转变为黑色小三角时点击右键,选择增加/删除行或列。
填充表单内容到表格
将文本输入框的内容动态传递给表格是一种常用方式。提交按钮上的事件使用了局部变量,当鼠标点击时设置 单元格的文本 = 文本输入框中的文本。
案例下载
查看演示
点击单元格显示面板
和上面的例子相似,点击编辑按钮显示含有编辑内容的动态面板,重新编辑后点击提交按钮,单元格内容改变,动态面板隐藏。
本帖分享可见的内容
案例下载查看效果
交互样式
表格中的单元格可以设置鼠标悬停时/鼠标按下时/选中的交互样式,右键点击选中的单元格(可以同时按下Ctrl进行多选),然后在部件属性面板中设置交互样式。
表格的局限性
1.鼠标单击单元格无法输入文字,单元格默认要双击才可以输入文字。要实现单击输入文字状态,可以使用 Text Field 部件覆盖在单元格上面。
2.不能同时添加多行或多列,表格只允许每次添加一行或一列。
3.不能动态添加行或列。如果你希望使用动态添加行/列功能,请使用中继器部件Repeater.
4.不能对表格中的数据进行排序和过滤。
相关文章推荐
- AxureRP7.0基础教程系列 部件详解 表格Tabel
- AxureRP7.0基础教程系列 部件详解水平线和垂直线 HORIZONTAL & VERTICAL LINES
- AxureRP7.0基础教程系列 部件详解 Inline Frame 内部框架
- AxureRP7.0基础教程系列 部件详解 树部件 Tree Widget
- AxureRP7.0基础教程系列 部件详解H1,H2,标签,段落,占位符,矩形
- AxureRP7.0基础教程系列 部件详解 Check Box 复选框
- AxureRP7.0基础教程系列 部件详解Text Area 文本段落
- AxureRP7.0基础教程系列 部件详解图片热区 HOT SPOT WIDGET
- AxureRP7.0基础教程系列 部件详解 List Box 列表选择框
- AxureRP7.0基础教程系列 部件详解 Droplist 下拉列表
- AxureRP7.0基础教程系列 部件详解Radio Button 单选按钮
- AxureRP7.0基础教程系列 部件详解 中继器部件Repeater
- AxureRP7.0基础教程系列 部件详解 HTML Button HTML按钮
- AxureRP7.0基础教程系列 部件详解 动态面板 DynamicPanel
- AxureRP7.0基础教程系列 部件详解 图片/Image
- AxureRP7.0基础教程 部件详解 Inline Frame 内部框架
- AxureRP7.0基础教程 部件详解Radio Button 单选按钮
- AxureRP7.0基础教程系列 部件详解 文本框 Text field
- AxureRP7.0基础教程 部件详解树部件 Tree widget
- AxureRP7.0基础教程系列 部件详解 文本框 Text field