benleiqiang的博客

案例分析：发布订单时需要添加货物信息，货物信息由基础标准表单组成，从基础标准表单中取出要发运的货物，在订单页进行货物数量的手动配置，自动计算金额及总数量；步骤一：先制作基础标准表单，拖入中继器按下图内容进行基础内容的录入，在录入完所有数据后，添加按钮，组合转成动态面板；步骤二：制作订单中继器，先不要加交互，等两个中继器基本素材准备好，在制作；步骤四：配置第二个中继器。

经过多次尝试从外向内读取失败后，换了拿数据的方法，我们不从中继器外向内读取数据，可以在中继器修改按钮交互触发时，向外多输出一份数据，这样，我们实际上拿到了两份标记行的数据，一份作为修改使用，另一份作为备份，当我们需要时再次使用！实现路径：单击时——隐藏修改页面——更新行——目标中继器——已标记——对应列值。步骤一：设计“修改页面”作为我们修改中继器数据的录入窗口，注意文本框的时间格式，载入时隐藏（需要时由修改按钮调出）步骤二：添加修改交互，点击修改——显示修改页面——标记当前行——传出文本给文本框。

&&”表示并的意思，当多个条件使用这个符号的时候，那么满足所有条件的数据都会被筛选出来；“||”表示或的意思，当多个条件使用这个符号的时候，那么只要满足其中一个，那么数据就会被筛选出来；步骤四：添加多选查询交互，在多选查询时，用户编号的筛选，因为是要输入一个准确的数值，这会影响到多选查询的结果输出，因此我们可以做限制，在多选查询时不可输入用户编号，那么就需要情形的添加和提示弹窗的添加；当单击重置按钮时，中继器要移除筛选条件，页面的查询条件输入框也需要回到初始状态，那么就需要我们设置两个交互；

2、插入函数：选择注册时间对应的列名TargetItem.ZCSJ，加上符号转换replace(’-’,’/’) 这样就可以取出可以识读的时间数据；步骤三：添加时间筛选；条件查询的时间格式与台账里的时间格式不统一，所以我们在筛选时需要将这个格式统一，以便于Data.parse()函数可以识读；4、加入比对：>= 开始时间，这里我们要取出开始时间的毫秒，取出开始时间LVAR1.text,并转换成毫秒Data.parse()添加三个下拉列表的内容；5、使用&&，表示“并”的意思，添加结束时间的函数。

对象的定义：当前元件、目标元件等；Axure中当前操作的单一元件、组合元件都可以成为对象；函数的定义：获取数值的指令，包括不限于数值内容、数值类型、数值的统计、数值的编辑等。我们选中第一个中继器，去操作第二个中继器，结果发现出现TargetItem。我们选中第一个中继器，去操作第一个中继器，结果没有出现TargetItem。属性的定义：元件的宽、高、长；

赋值的目的是当用户点击修改按键后，显示出来的页面会在文本框内显示原来的数据，用户可根据需要进行修改；步骤六：继续添加交互，此时思考逻辑是要将修改页面录入的数据赋值给标记的行，那么操作步骤是更新行——已标记——赋值。步骤一：制作修改页面，录入图中各表单项，并分别进行文本框的命名，方便下一步赋值。步骤二：组合这个修改页面，并命名“修改页面”，交互：载入时隐藏这个组合。步骤三：添加中继器内修改按键的交互，单击时——显示修改页面组合。步骤五：修改页面的确定按钮添加交互，单击时——隐藏修改页面。

步骤四：添加外部复选框交互，选中时——内部复选框值为真（没错，通过选中外部复选框来操作内部复选框状态的变更），标记行——选择中继器规则——选中的复选框；步骤三：添加内部复选框交互，内部复选框——选中时——设置选中——值为真；取消时——值为假，中继器——取消标记。步骤二：命名菜单栏“全选复选框”——外部复选框，中继器内复选框命名——中继器内复选框。以上是中继器删除数据，学习步骤：复选框——设置选中——熟悉标记行——取消标记。取消选中时——内部复选框值为假，取消标记——选择选中的复选框。步骤六：添加删除交互。

序号取值XH，取值思路：当我们新增一条数据时，这个序号的取值应是中继器目前数据总数+1，那么我们就要拿到当前中继器数据总数即“dataCount”,同时设计一个全局变量sum，sum的值为1；这时候Column0的取值，之前生成表单时是系统自动生成的，当前我们是新增出来的，后置的，所以这时候也需要手动给Column0赋值，那么他的值也是“LVAR1.dataCount+sum”以上是中继器添加数据的课程，学习步骤：设计新增窗口——熟悉dataCount函数——理解Column0——熟悉全局变量和局部变量；

步骤三：设置注册时间升序交互，并设置选中icon的值为真，降序的值为假。步骤四：设置注册时间降序交互，并设置选中icon的值为真，升序的值为假。步骤五：设置注销时间升序交互，并设置选中icon的值为真，降序的值为假。步骤六：设置注销时间降序交互，并设置选中icon的值为真，升序的值为假。步骤二：设置选中效果，四个icon都设置一样的选中效果。

以上是中继器查询页数和数据统计，学习步骤：熟悉中继器设置页面数量——设置每页项目数量——中继器函数（中继器函数较多，根据应用讲函数，这样便于理解，所以等所有交互我们都讲完，在统一讲函数。步骤六：共几页自动统计，和步骤五流程一样，只不过变量设置pageCount。步骤五：共几条数据自动统计。步骤二：为上一页添加交互。步骤三：为下一页添加交互。

以上是中继器表单制作，学习步骤：中继器数据分类函数赋值——数据录入——菜单调节。步骤八：制作最后“操作”，表头向后新增，下方拖入一个垂直菜单，并填入链接按钮。步骤六：双击中继器，拖入一个垂直菜单，保留一个表格。步骤二：双击中继器，删除原始表格，拖入一个表格。步骤六：建立表头：拖入横向菜单（做表单的表头）步骤三：参照案例，分别扩展表格和录入数据分类。

上图中，数据录入区，我们可以进行数据的录入，页面中的表格，只是展示区域，初学者往往直接双击中继器，那样的是错误的。在整个Axure元件的学习中难度五颗星，但是只要我们理解他的内涵，学习起来难度会降低很多。以上是中继器的基本操作，学习步骤：理解中继器的内涵——熟悉格式调整——尝试录入数据学习。1、添加行：点击右侧数据录入区添加行，来增加页面的行数。