Suggest 搜索组件 1.0.2

继承自：Widget

查看示例：Demo (PC需开启模拟器)

suggest

属性

filter { Function } #

自定义的过滤函数，默认为null，使用内置过滤函数

filterBy { Array } #

过滤数据的字段，默认为['value']

是否启用独占的模态框模式，默认为false

async { Boolean } #

是否异步加载数据，默认为false，

resultActiveClass { String } #

搜索结果被点击时的样式，默认为空

resultScrollLock { Boolean } #

当数据项少于一屏时，是否锁定不允许滚动，默认为false，允许滚动

template { String } #

组件的模板

resultListTpl { String } #

搜索结果模板

resultItemTpl { String } #

搜索结果选项模板

enableNoDataTpl { Boolean } #

是否允许使用没有数据的模板，默认为false

nodataTpl { String } #

没有结果的模板，需要设置enableNoDataTpl为true

方法

render #

将组件渲染到document中

destroy #

销毁组件

initProp #

初始化组件的私有参数

getInputEl #

获取内部的input元素

返回值: HTMLElement 组件内部的input元素

getValue #

获取当前搜索框输入的值

返回值: String | Number 返回当前组件的值

事件

selectfilteritem #

用户点击搜索结果时触发的事件

方法参数:

参数名 类型 描述 必选 支持版本
data Object 点击的搜索结果条目对应的数据

changevalue #

搜索值改变时触发的事件

方法参数:

参数名 类型 描述 必选 支持版本
newVal String 搜索的新值
oldVal String 搜索的旧值

changevalue #

点击键盘上的搜索按钮时触发的事件

方法参数:

参数名 类型 描述 必选 支持版本
e HTMLEvent 当前事件的对象
inputVal String 当前组件内input的值