[发明专利]一种基于react的多条件组合搜索控件的创建方法在审
| 申请号： | 201811407419.3 | 申请日： | 2018-11-23 |
| 公开（公告）号： | CN109240693A | 公开（公告）日： | 2019-01-18 |
| 发明（设计）人： | 胡一枭 | 申请（专利权）人： | 四川长虹电器股份有限公司 |
| 主分类号： | G06F8/38 | 分类号： | G06F8/38;G06F16/2455 |
| 代理公司： | 四川省成都市天策商标专利事务所 51213 | 代理人： | 郭会 |
| 地址： | 621000 四*** | 国省代码： | 四川;51 |
| 权利要求书： | 查看更多 | 说明书： | 查看更多 |
| 摘要： | 本发明公开了一种基于react的多条件组合搜索控件的创建方法，包括以下步骤：(1)使用html代码搭建所需要的搜索框组件，通过css来编写相应的样式；(2)创建一个数组用来存储所有的搜索条件值，初始时置为空，当页面进行刷新时也重置为空；(3)为所述搜索框组件绑定相应的click事件，但并不触发搜索条件；(4)用户对搜索条件进行选择或输入；(5)编写搜索函数；(6)将搜索框组件、事件、函数封装起来，作为一个控件进行使用。采用该方法创建的搜索控件可以实现对搜索结果的精准定位，尤其是针对有大量订单往来的管理系统，可以提高利用效率。 | ||
| 搜索关键词： | 搜索控件 搜索条件 搜索框 创建 方法创建 管理系统 函数封装 精准定位 搜索结果 绑定 触发 控件 数组 重置 页面 搜索 存储 样式 | ||
【主权项】：
1.一种基于react的多条件组合搜索控件的创建方法，其特征在于，包括以下步骤：(1)使用html代码搭建所需要的搜索框组件，通过css来编写相应的样式；(2)创建一个数组用来存储所有的搜索条件值，初始时置为空，当页面进行刷新时也重置为空；(3)为所述搜索框组件绑定相应的click事件，但并不触发搜索条件；(4)用户对搜索条件进行选择或输入，并按下搜索按钮，通过event.targe直接获取用户选择或输入的dom元素，将其装入条件数组中；(5)编写搜索函数，当用户按下搜索按钮时，首先判断搜索条件数组是否为空，目的在于满足后台查询接口有值才传参数的要求，避免误操作，如果数组不为空，便将打包好的数据数组发送给后台作为条件进行搜索；(6)将搜索框组件、事件、函数封装起来，作为一个控件进行使用。
下载完整专利技术内容需要扣除积分，VIP会员可以免费下载。
该专利技术资料仅供研究查看技术是否侵权等信息，商用须获得专利权人授权。该专利全部权利属于四川长虹电器股份有限公司，未经四川长虹电器股份有限公司许可，擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作，请联系【客服】
本文链接：http://www.vipzhuanli.com/patent/201811407419.3/，转载请声明来源钻瓜专利网。
