mtkj 发表于 2020-1-19 14:43:14

模糊搜索，没搜索出数据，清空单元格

本帖最后由 mtkj 于 2020-1-19 14:44 编辑

KevinChen 发表于 2020-1-19 14:43:15

本帖最后由 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事件，

这个事件的实现可以参考下列代码：


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(),
      minLength: 1,
      lostFocus: function(s, e){
            var val = s.text;
            var items = s.itemsSource;
            var flg = true;
            items.forEach(function(i){
                if(i.country === val){
                  flg = false;
                  return;
                }
            });
            if(flg){
                s.text = "";
            }
      }
    });
}


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

https://demo.grapecity.com.cn/wijmo/demos/Input/AutoComplete/Overview/purejs

dexteryao 发表于 2020-1-19 15:03:38

您好

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

mtkj 发表于 2020-1-20 10:58:04

dexteryao 发表于 2020-1-19 15:03
您好

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


我需要页面显示就变为空，而不是取值的时候不获取值，这个给用户视觉上有误解，以为填写了数据

mtkj 发表于 2020-1-20 17:37:31

KevinChen 发表于 2020-1-20 16:11
您好

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


mtkj 发表于 2020-1-21 09:31:16

KevinChen 发表于 2020-1-20 16:11
您好

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

可以了，谢谢

mtkj 发表于 2020-1-21 09:45:55

本帖最后由 mtkj 于 2020-1-21 09:56 编辑

KevinChen 发表于 2020-1-20 16:11
您好

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

KevinChen 发表于 2020-1-21 10:35:13

您好，上次编辑完的数据应该已经进入了grid的collectionView数据源中，

清空操作也应该把空值回传到数据源中，更新数据源才能确保空值能进入表格。

mtkj 发表于 2020-1-21 10:46:38

KevinChen 发表于 2020-1-21 10:35
您好，上次编辑完的数据应该已经进入了grid的collectionView数据源中，

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

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



KevinChen 发表于 2020-1-21 17:01:05

你好，在自定义编辑器示例中，当完成数据修改时会触发一个自定义函数，用以提交行数据的变更，在这里可以加条件修正这个问题：



示例地址：

https://demo.grapecity.com.cn/wijmo/demos/Grid/CustomCells/CustomEditors/purejs
页: [1]
查看完整版本: 模糊搜索，没搜索出数据，清空单元格