最新消息:原定axure手机原型设计系列课程免费视频由于工作原因一直未能推出 如需视频可以购买 小楼老师 视频 Axure RP7.0从入门到精通 本站案例源码现已整理全部提供下载学习

程矢Axure夜话:中继器系列视频教程之中继器表格多选删除

Axure中继器repeater教程 老二牛车 3068浏览 0评论

案例描述:使用中继器删除表格数据 知识点:

  • 中继器删除

效果图: 0_中继器表格删除数据3 本站在线效果预览:http://www.91axure.com/repeaterlesson/repeaterdelete3/start.html#p=home(firefox原型文件) AxShare在线效果预览: 原型下载地址:中继器表格数据多选删除 .rp 中继器表格数据多选删除.html 在线视频:

实现步骤:

1:参照教程“中继器系列视频教程之中继器实现的表格”设计中继器表格

2:参照教程“中继器系列视频教程之中继器表格生成连续序号”设计中继器表格序号

3:双击中继器,选择所有控件,设置选中样式 1 2

4:双击中继器,添加复选框 11 5:给中继器内部复选框添加“选中状态改变时”事件 13 5.1:选择复选框

5.2:添加 “选中复选框时”事件

5.3:当选中状态为真时 ,标记当前行

5.4:当选中状态为真时 ,设置选中状态

5.5:当选中状态为假时 ,取消标记当前行

5.6:当选中状态为假时 ,设置未选中状态

6:放置按钮,添加删除中继器行事件

9 10 7:在表头 ,添加复选框,实现全选功能。 12 添加“选中状态改变时”事件

14

当选中状态为真时 ,标记全部行 当选中状态为真时 ,设置选中状态 当选中状态为真时 ,设置中继器内部复选框为选择状态   当选中状态为假时 ,取消标记全部行 当选中状态为假时 ,设置未选中状态 当选中状态为假时 ,设置中继器内部复选框为未选择状态   8:预览或生成原型 .

其它案例:

中继器系列视频教程之中继器表格右键删除

中继器系列视频教程之中继器表格标记行删除

中继器系列视频教程之中继器表格行内删除

转载请注明:爱上原型Axure » 程矢Axure夜话:中继器系列视频教程之中继器表格多选删除

您必须 登录 才能发表评论!