找回密码
 立即注册

QQ登录

只需一步,快速开始

mtkj
金牌服务用户   /  发表于:2020-1-19 14:43  /   查看:5600  /  回复:9
1金币
本帖最后由 mtkj 于 2020-1-19 14:44 编辑

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

最佳答案

查看完整内容

您好 模糊搜索功能,Autocomplete组件中,有个minLength属性,默认为2,可以设置为1,这样当用户输入第一个字符时就会触发搜索。 https://demo.grapecity.com.cn/wi ... lete.html#minlength 另外,对于鼠标移出时不显示非数据项的输入功能,可以采用AutoComplete的lostFocus事件, 这个事件的实现可以参考下列代码: 将代码复制到示例中即可查看效果: https://demo.grapecity.com.cn/wijmo/demos/Inpu ...

9 个回复

倒序浏览
最佳答案
最佳答案
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2020-1-19 14:43:15
来自 4#
本帖最后由 KevinChen 于 2020-1-21 10:33 编辑
mtkj 发表于 2020-1-20 10:58
我需要页面显示就变为空,而不是取值的时候不获取值,这个给用户视觉上有误解,以为填写了数据

您好

模糊搜索功能,Autocomplete组件中,有个minLength属性,默认为2,可以设置为1,这样当用户输入第一个字符时就会触发搜索。

https://demo.grapecity.com.cn/wi ... lete.html#minlength

另外,对于鼠标移出时不显示非数据项的输入功能,可以采用AutoComplete的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.         minLength: 1,
  20.         lostFocus: function(s, e){
  21.             var val = s.text;
  22.             var items = s.itemsSource;
  23.             var flg = true;
  24.             items.forEach(function(i){
  25.                 if(i.country === val){
  26.                     flg = false;
  27.                     return;
  28.                 }
  29.             });
  30.             if(flg){
  31.                 s.text = "";
  32.             }
  33.         }
  34.     });
  35. }
复制代码



将代码复制到示例中即可查看效果:

https://demo.grapecity.com.cn/wijmo/demos/Input/AutoComplete/Overview/purejs
回复 使用道具 举报
dexteryao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2020-1-19 15:03:38
2#
您好

参考这个https://demo.grapecity.com.cn/wi ... ustomEditors/purejs
Demo,获取自定义单元格数据时候特殊处理下,不要获取text,获取选中值

本帖子中包含更多资源

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

x
回复 使用道具 举报
mtkj
金牌服务用户   /  发表于:2020-1-20 10:58:04
3#
dexteryao 发表于 2020-1-19 15:03
您好

参考这个https://demo.grapecity.com.cn/wijmo/demos/Grid/CustomCells/CustomEditors/purejs

我需要页面显示就变为空,而不是取值的时候不获取值,这个给用户视觉上有误解,以为填写了数据
回复 使用道具 举报
mtkj
金牌服务用户   /  发表于:2020-1-20 17:37:31
5#
KevinChen 发表于 2020-1-20 16:11
您好

模糊搜索功能,Autocomplete组件中,有个minLength属性,默认为2,可以设置为1,这样当用户输入 ...


本帖子中包含更多资源

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

x
回复 使用道具 举报
mtkj
金牌服务用户   /  发表于:2020-1-21 09:31:16
6#
KevinChen 发表于 2020-1-20 16:11
您好

模糊搜索功能,Autocomplete组件中,有个minLength属性,默认为2,可以设置为1,这样当用户输入 ...

可以了,谢谢
回复 使用道具 举报
mtkj
金牌服务用户   /  发表于:2020-1-21 09:45:55
7#
本帖最后由 mtkj 于 2020-1-21 09:56 编辑
KevinChen 发表于 2020-1-20 16:11
您好

模糊搜索功能,Autocomplete组件中,有个minLength属性,默认为2,可以设置为1,这样当用户输入 ...

                 

本帖子中包含更多资源

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

x
回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2020-1-21 10:35:13
8#
您好,上次编辑完的数据应该已经进入了grid的collectionView数据源中,

清空操作也应该把空值回传到数据源中,更新数据源才能确保空值能进入表格。
回复 使用道具 举报
mtkj
金牌服务用户   /  发表于:2020-1-21 10:46:38
9#
KevinChen 发表于 2020-1-21 10:35
您好,上次编辑完的数据应该已经进入了grid的collectionView数据源中,

清空操作也应该把空值回传到数据 ...

你好,
   这个里面没有行,列的值,怎么添加到数据源里面去,是用  theGrid.setCellData(row, col, value1, true, true);  方法吗



本帖子中包含更多资源

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

x
回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2020-1-21 17:01:05
10#
你好,在自定义编辑器示例中,当完成数据修改时会触发一个自定义函数,用以提交行数据的变更,在这里可以加条件修正这个问题:



示例地址:

https://demo.grapecity.com.cn/wi ... ustomEditors/purejs

本帖子中包含更多资源

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

x
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部