登录/注册

首页 › WijmoJS专区 › 求助中心 › 查看内容

夏未至秋已凉

6 主题	9 帖子	55 积分

积分: 55

2169
金币
6
主题
9
帖子

最新发帖

[已处理] AutoComplete lostfocus的时候怎么把当前输入值清空

夏未至秋已凉
注册会员 / 发表于：2020-3-12 13:44 / 查看：4524 / 回复：1

8金币

AutoComplete控件，当我输入un选中一条之后，焦点迁移出去，当我再次进入AutoComplete控件时，dropdown里面的内容还是上一次输入un筛选出来的内容，怎么在lostfocus的时候，把AutoComplete里面输入的un清掉①选中第一条，按tab迁移到combobox上

②shift+tab再迁回AutoComplete

③再次展开AutoComplete，还是之前输入un的筛选结果

想要的是焦点再获取时，得到下图效果

附件: 您需要登录才可以下载或查看，没有帐号？立即注册

最佳答案

查看完整内容

你好，在lostFocus事件中就可以实现，参考代码如下：可以把上边的代码拷贝到这个示例中看运行效果： https://demo.grapecity.com.cn/wijmo/demos/Input/AutoComplete/Overview/purejs

收藏

回复

1 个回复

倒序浏览

最佳答案

最佳答案

KevinChen
论坛元老 / 发表于：2020-3-12 13:44:28 来自 2^#

你好，在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(),
isDroppedDownChanged: function(e){
console.log(e.listBox.collectionView.items[0]);
},
lostFocus: function(e){
if(e.listBox.collectionView.items.length > 0){
e.selectedItem = e.listBox.collectionView.items[0];
}
}
});
}

复制代码

可以把上边的代码拷贝到这个示例中看运行效果：

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

回复 使用道具举报