找回密码
 立即注册

QQ登录

只需一步,快速开始

mtkj
金牌服务用户   /  发表于:2020-8-13 13:53  /   查看:4419  /  回复:1
1金币

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

最佳答案

查看完整内容

您好,拿AutoComplete的组件示例来讲: https://demo.grapecity.com.cn/wijmo/demos/Input/AutoComplete/Overview/purejs 在isDroppedDownChanged事件中,可以判断出当前操作是展开下拉,还是收起下拉; 用s.selectedItem可以判断出当前选中的项,在这里可以判断当选中的是默认项时,自动调整到下一项,如代码所示: 如代码所示: 完整代码:

1 个回复

倒序浏览
最佳答案
最佳答案
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2020-8-13 13:53:08
来自 2#
您好,拿AutoComplete的组件示例来讲:

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

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

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

如代码所示:
  1. isDroppedDownChanged: function(s){
  2.             if(!s.isDroppedDown){
  3.                 console.log(s.selectedItem);
  4.             }
  5.         }
复制代码


完整代码:

  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.         placeholder: "请选择",
  18.         displayMemberPath: 'country',
  19.         itemsSource: getData(),
  20.         isDroppedDownChanged: function(s){
  21.             if(!s.isDroppedDown){
  22.                 console.log(s.selectedItem);
  23.             }
  24.         }
  25.     });
  26. }
复制代码
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部