axure制作表单查询

Axure的版本8.0

一、实现的功能及展示效果：对表格数据的查询；

二、元件搭配

1、输入框；

2、中继器；

3、标签；

三、实现逻辑
1、搜索框内的文字长度大于等于1，并且搜索的文字能够模糊匹配表格中的姓名，显示匹配的数据；
2、搜索框内的文字长度小于1，将表格数据完整的显示；

四、操作步骤
1、拖入相关组件并设置好中继器的数据内容；

设置中继器的第一列显示id，第二列显示姓名；

2、搜索框内的文字长度大于等于1，并且搜索的文字能够模糊匹配表格中的姓名，显示匹配的数据；

设置事件触发条件，搜索框内的文字长度大于等于1；

给中继器增加过滤器

设置过滤规则

3、搜索框内的文字长度小于1，将表格数据完整的显示；

给输入框增加事件触发规则，搜索框内的文字长度小于1；

移除掉中继器过滤器；

至此表单检索功能制作完成；

axure制作表单查询相关推荐

什么平台制作表单工具效率高？
目前,低代码开发平台在很多行业中得到了应用和推广.如果需要制作表单工具,还依然用传统的表单工具来制作表单,效率不仅得不到提升,而且办公自动化发展步伐也将缓慢发展.那么,借助什么样的平台可以让制作表单工 ...
html 查询表单,如何让我的HTML表单查询适用于所有表单元素？
我有一个HTML表单.在那里,我有四种不同类型的连接到数据库表的字段,并且应该根据用户的选择将结果呈现给HTML表单域.如何让我的HTML表单查询适用于所有表单元素? 我有开始和结束日期字段. Sta ...
mysql表单查询_MySQL表单集合查询
表单查询简单查询 SELECT语句查询所有字段指定所有字段:select 字段名1,字段名2,...from 表名; select * from 表名; 查询指定字段 select 字段名1,字 ...
用HTML制作表单表格能学到什么,Html学习之十七（表格与表单学习--排行版制作）...
表格与表单01 table{ width: 300px; height: 40px; margin: 100px auto; border-collapse: collapse; } .th2{ fl ...
html如何制作一个漂亮的表格？+ 列表制作 + 表单制作（干货！直接收代码）
https://blog.csdn.net/hanhanwanghaha宝藏女孩欢迎您的关注! 欢迎关注微信公众号:宝藏女孩的成长日记如有转载,请注明出处(如不注明,盗者必究) 目录 html如何 ...
Axure9制作表单
第一步,首先拖动一个中继器在面板: 第二步,双击中继器,拖动一个文本和一个输入框: 第三步,还原页面,在右侧样式中,添加几行: 第四步,在样式中,设置间距和布局: 第五步,选择交互页面,选中文本标签 ...
iReport关于page header制作表单明细模板，textfield与staticText不相容的问题解决
这个星期上司给了我一个关于使用iReport制作车辆使用明细报表的任务.在毫无使用过这个组件的前提下,我凭着自己贫乏的知识与经验,在网上相关解决方案资料严重缺失的情况下,通过艰苦卓绝的思考与锲而不舍的 ...
如何扫码填写数据？在线制作表单二维码的方法
二维码填写表单是现在很常见的一种方式,这种方法对比以前纸质的信息收集,更加的简单快捷,能够有效的提高效率.通过二维码生成器(免费在线二维码生成器-二维码在线制作-音视频二维码在线生成工具-机智熊二维码 ...
表单查询显示翻页等不可用,提示对象不支持此属性或方法，切记查询按钮的name值不能为submit
切记查询按钮的name值不能为submit.其中原代码如下: <input name="submit" type="submit" class=" ...
网页制作表单代码java_网页制作的40个经典代码
1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键可用于Table 2. 取消选取.防止复制 3. οnpas ...

axure制作表单查询

axure制作表单查询相关推荐

最新文章

热门文章