模糊搜索，按回车键，自动默认选中第一个值

KevinChen · KevinChen

您好，拿AutoComplete的组件示例来讲：

https://demo.grapecity.com.cn/wi ... ete/Overview/purejs

在isDroppedDownChanged事件中，可以判断出当前操作是展开下拉，还是收起下拉；

用s.selectedItem可以判断出当前选中的项，在这里可以判断当选中的是默认项时，自动调整到下一项，如代码所示：

如代码所示：

isDroppedDownChanged: function(s){
if(!s.isDroppedDown){
console.log(s.selectedItem);
}
}

复制代码

完整代码：

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', {
placeholder: "请选择",
displayMemberPath: 'country',
itemsSource: getData(),
isDroppedDownChanged: function(s){
if(!s.isDroppedDown){
console.log(s.selectedItem);
}
}
});
}

复制代码

		自动登录	找回密码
密码			立即注册

[已处理] 模糊搜索，按回车键，自动默认选中第一个值

最佳答案

1 个回复

讲师达人

悬赏达人

元老葡萄

SpreadJS 认证

SpreadJS 高级认证

微信认证勋章