本帖最后由 KevinChen 于 2020-1-21 10:33 编辑
您好
模糊搜索功能,Autocomplete组件中,有个minLength属性,默认为2,可以设置为1,这样当用户输入第一个字符时就会触发搜索。
https://demo.grapecity.com.cn/wi ... lete.html#minlength
另外,对于鼠标移出时不显示非数据项的输入功能,可以采用AutoComplete的lostFocus事件,
这个事件的实现可以参考下列代码:
- import 'bootstrap.css';
- import '@grapecity/wijmo.styles/wijmo.css';
- import './styles.css';
- //
- import * as input from '@grapecity/wijmo.input';
- import { getData } from './data';
- //
- document.readyState === 'complete' ? init() : window.onload = init;
- //
- function init() {
- let theCombo = new input.ComboBox('#theCombo', {
- displayMemberPath: 'country',
- itemsSource: getData()
- });
- //
- let theAutoComplete = new input.AutoComplete('#theAutoComplete', {
- displayMemberPath: 'country',
- itemsSource: getData(),
- minLength: 1,
- lostFocus: function(s, e){
- var val = s.text;
- var items = s.itemsSource;
- var flg = true;
- items.forEach(function(i){
- if(i.country === val){
- flg = false;
- return;
- }
- });
- if(flg){
- s.text = "";
- }
- }
- });
- }
复制代码
将代码复制到示例中即可查看效果:
https://demo.grapecity.com.cn/wijmo/demos/Input/AutoComplete/Overview/purejs
|