找回密码
 立即注册

QQ登录

只需一步,快速开始

夏未至秋已凉

注册会员

6

主题

9

帖子

55

积分

注册会员

积分
55
夏未至秋已凉
注册会员   /  发表于:2020-3-12 13:44  /   查看:4429  /  回复: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讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2020-3-12 13:44:28
来自 2#
你好,在lostFocus事件中就可以实现,参考代码如下:

  1. import 'bootstrap.css';
  2. import '@grapecity/wijmo.styles/wijmo.css';
  3. import './styles.css';
  4. //
  5. import * as input from '@grapecity/wijmo.input';
  6. import { getData } from './data';
  7. //
  8. document.readyState === 'complete' ? init() : window.onload = init;
  9. //
  10. function init() {
  11.     let theCombo = new input.ComboBox('#theCombo', {
  12.         displayMemberPath: 'country',
  13.         itemsSource: getData()
  14.     });
  15.     //
  16.     let theAutoComplete = new input.AutoComplete('#theAutoComplete', {
  17.         displayMemberPath: 'country',
  18.         itemsSource: getData(),
  19.         isDroppedDownChanged: function(e){
  20.             console.log(e.listBox.collectionView.items[0]);
  21.         },
  22.         lostFocus: function(e){
  23.             if(e.listBox.collectionView.items.length > 0){
  24.                 e.selectedItem = e.listBox.collectionView.items[0];
  25.             }
  26.         }
  27.     });
  28. }
复制代码


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

https://demo.grapecity.com.cn/wi ... ete/Overview/purejs
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部