Axure实现表格的编辑 *** 作

上篇： Axure实现表格的新增 *** 作 -

上篇，实现了表格的新增 *** 作，本文介绍表格的编辑 *** 作。

三、编辑功能

1、设置“编辑按钮”的鼠标点击时用例，因为编辑 *** 作和新增 *** 作，共用同一个“新增、编辑d窗”，所以需要把d窗中的“ *** 作标题”的值更改为“编辑”

再选择显示“新增、编辑窗口”

取消所有行的标记

标记选到的行：

得到结果：

设置输入框的值，将列表中需要编辑的行的数据，展示在输入框，用于修改。

同理设置其他输入框的值

得到结果：

2、保存编辑数据，“新增、编辑d窗”中“确认按钮”的“鼠标点击时”用例，添加条件：

选择“中继器-更新行”，更新标记的行的数据

使用局部变量：

设置每一列的更新数据

数据更新完成后，为了符合日常习惯。隐藏“新增、编辑d窗”、设置d窗中的每个输入框的值为空，并取消所有标记的行。

由此，完成编辑 *** 作。

下一篇： Axure实现表格的删除 *** 作 -

不是每个控件设置值得时候都有富文本选项的。

标签，单行文本，标题等控件可以设置富文本

如果是表单的文本框没有富文本选项

更多的参考案例：axure夜话案例教程www.iniuche.com

axure案例教程100篇：www.91axure.com

第一：下载这些组件

产品邦花了大量时间和精力整理了几千个部件库文件，函括了社会化平台（微博、SNS、分享等）组件库、标准网站部件库、电子商务库文件、 *** 作系统Axure库、Axure Android部件库、iOS Axure组件库、Pad Library、Axure符号、Axure人物、Axure图标、Axure手机部件库等，下载地址如下：

http://bbs.masterchat.cn/forum-40-1.html

第二：安装已经下载到本地的组件库

1. 点击部件中的 线框图下拉，选择 载入部件库；

2. 选择部件的所在位置，并选中；

3. 载入后的效果，单击选中axure图标16*16，可到对应的组件库中；

使用和线框图中的组件方法一样，都是直接点击选中然后直接拖拽到页面编辑区域，部分组件也可以进行相应属性的设置

---