Axure RP中继器实例绑数据,选中,删除

 时间:2024-11-10 21:43:49

中继器可用来显示重复的文本,图片和链接。可以通过它完成数据的绑定,选中,删除。

工具/原料

AxureRP软件

方法/步骤

1、界面设计:拖拽一个水平菜单部件;修改菜单样式,如图所示。

Axure RP中继器实例绑数据,选中,删除

Axure RP中继器实例绑数据,选中,删除

2、拖入一个中继器部件;在中继器属性中,修改和增加如图所示字段,内容。

Axure RP中继器实例绑数据,选中,删除

3、双击中继器部件,进入编辑界面;拖入一个表格;如图。编辑表格内容;如图

Axure RP中继器实例绑数据,选中,删除

Axure RP中继器实例绑数据,选中,删除

4、返回主界面(如图index界面);选中中继器,双击“每项加载时事件”;在用例编辑器中,单击“设置文本”,勾选“员工号”,单击fx;

Axure RP中继器实例绑数据,选中,删除

Axure RP中继器实例绑数据,选中,删除

5、单击“插入变量或函数”,选择[[Item.id]];单击确定。

Axure RP中继器实例绑数据,选中,删除

6、勾选“姓名”,单击fx;单击“插入变量或函数”,选择[[Item.xingming]];单击确定。

Axure RP中继器实例绑数据,选中,删除

7、同理,为其它字段插入变量或函数;如图示这样就实现了数据的绑定。F5预览。

Axure RP中继器实例绑数据,选中,删除

Axure RP中继器实例绑数据,选中,删除

Axure RP中继器实例绑数据,选中,删除

8、全选设计单击“选中鹁鼍漉糍”,双击“选中改变时”事件;在用例编辑器中,添加条件:if选中状态于This==true(如图示)/确定选择“选中”,勾选“行内选框复选框”,设置true;单击确定。

Axure RP中继器实例绑数据,选中,删除

Axure RP中继器实例绑数据,选中,删除

Axure RP中继器实例绑数据,选中,删除

9、再次,双击“选中改变时”事件;在用例编辑器中,添加条件:if选中状态于This==f瞢铍库祢alse叵萤茆暴(如图示)/确定选择“取消选中”,勾选“行内选框复选框”,设置false;单击确定。F5预览效果!

Axure RP中继器实例绑数据,选中,删除

Axure RP中继器实例绑数据,选中,删除

Axure RP中继器实例绑数据,选中,删除

10、删浑睡蔽嗍除操作(单行删除)进入中继器编辑界面;选中“删除”;选择“鼠标单击事件”,进入用例编辑器;选择“标记行”,勾选中继器this;选择“删除行”,勾选中继器选中已标记;确定。

Axure RP中继器实例绑数据,选中,删除

Axure RP中继器实例绑数据,选中,删除

Axure RP中继器实例绑数据,选中,删除

11、删除操作(多行删除)在页面中拖入一个按钮部件,输入文本删除。

Axure RP中继器实例绑数据,选中,删除

12、进入中继器编辑区,选中锞蕈漉栽“行内选框”;双击“选中状态改变时”事件,进入用例编辑器;单击“添加条件”,if选中状态于This==true;单击“标记行”,勾选“中继器”this;确定。

Axure RP中继器实例绑数据,选中,删除

Axure RP中继器实例绑数据,选中,删除

Axure RP中继器实例绑数据,选中,删除

13、再次双击“选中状态改变时”事件,进入用例编辑器;单击“添加条件”,if选中状态于This==false;单击“取消标记”,勾选“中继器”this;确定。

Axure RP中继器实例绑数据,选中,删除

14、回到index界面;选中“删除”按钮,双击“鼠标单击时”事件;进入用例编辑器;单击“删除行”,勾选“中继器”,选中“已标记”;确定。

Axure RP中继器实例绑数据,选中,删除

Axure RP中继器实例绑数据,选中,删除

15、F5预览效果

Axure RP中继器实例绑数据,选中,删除

Axure RP中继器实例绑数据,选中,删除

Animate如何制作单击显示文字的交互效果(AS3) Axure怎么添加图片 Axure如何制作图片切换查看效果 AxureRP如何展开,收起,弹出,停靠功能面板 Axure RP8怎样给页面重命名?
热门搜索
中天房车价格和图片 愤怒的小鸟电影 铁皮文件柜图片 斗龙战士图片大全 淳化元宝图片及价格